@bentwnghk/icons-static-webp

Lobe Icons

Static WEBP

Popular AI / LLM Model Brand SVG Logo and Icon Collection. See them all on one page at icons.lobehub.com.
Contributions, corrections & requests can be made on GitHub.

Changelog · Report Bug · Request Feature

🤯 CDN Usage

Icons can be served from a CDN such as unpkg or npmmirror (aliyun). Simply use the lobe icons npm package and specify a version in the URL like the following:

<!--UNPKG-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://unpkg.com/@bentwnghk/icons-static-webp@latest/dark/[ICON SLUG].webp"
  />
  <img
    height="64"
    src="https://unpkg.com/@bentwnghk/icons-static-webp@latest/light/[ICON SLUG].webp"
  />
</picture>

<!--ALIYUN-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/dark/[ICON SLUG].webp"
  />
  <img
    height="64"
    src="https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/light/[ICON SLUG].webp"
  />
</picture>

Example

<!--UNPKG-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://unpkg.com/@bentwnghk/icons-static-webp@latest/dark/openai.webp"
  />
  <img height="64" src="https://unpkg.com/@bentwnghk/icons-static-webp@latest/light/openai.webp" />
</picture>

<!--ALIYUN-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/dark/openai.webp"
  />
  <img
    height="64"
    src="https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/light/openai.webp"
  />
</picture>

<!--UNPKG-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://unpkg.com/@bentwnghk/icons-static-webp@latest/dark/openai-text.webp"
  />
  <img
    height="64"
    src="https://unpkg.com/@bentwnghk/icons-static-webp@latest/light/openai-text.webp"
  />
</picture>

<!--ALIYUN-->
<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="
      https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/dark/openai-text.webp
    "
  />
  <img
    height="64"
    src="https://registry.npmmirror.com/@bentwnghk/icons-static-webp/latest/files/light/openai-text.webp"
  />
</picture>

![][back-to-top]

📦 Static Packages

Package	FileType	Version
@bentwnghk/icons-static-svg	SVG
@bentwnghk/icons-static-png	PNG
@bentwnghk/icons-static-webp	WEBP

![][back-to-top]

---

📝 License

Copyright © 2023 LobeHub.
This project is MIT licensed.