@bentwnghk/icons-static-png NPM

Lobe Icons

Static PNG

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

npm.io

🤯 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-png@latest/dark/[ICON SLUG].png"
  />
  <img height="64" src="https://unpkg.com/@bentwnghk/icons-static-png@latest/light/[ICON SLUG].png" />
</picture>

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

Example

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

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

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

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

![][back-to-top]