README.md
June 11, 2026 · View on GitHub
Table of contents
TOC
📦 Packages
| NAME | NPM | UNPKG |
|---|---|---|
| @lobehub/assets-logo |  | ALIYUN-UNPKG |
| @lobehub/assets-favicons |  | ALIYUN-UNPKG |
| @lobehub/assets-emoji |  | ALIYUN-UNPKG |
| @lobehub/assets-emoji-anim |  | ALIYUN-UNPKG |
| @lobehub/emojilib |  | RAW |
| @lobehub/webfont-mono |  | ALIYUN-UNPKG |
| @lobehub/webfont-harmony-sans |  | ALIYUN-UNPKG |
| @lobehub/webfont-harmony-sans-sc |  | ALIYUN-UNPKG |
| @lobehub/webfont-harmony-sans-sc-mini |  | ALIYUN-UNPKG |
| @lobehub/webfont-geist |  | ALIYUN-UNPKG |
| @lobehub/webfont-geist-mono |  | ALIYUN-UNPKG |
🤯 Logos
 |  |  |  |
|---|---|---|---|
| Logo 3D | Logo Flat | Logo High Contrast | Logo Text |
| webp | svg | svg | svg |
💞 Favicons
This package was generated with RealFaviconGenerator v0.16
Insert the following code in the head section of your pages:
<link rel="apple-touch-icon" sizes="180x180" href="https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/favicon-16x16.png" />
<link rel="manifest" href="https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/site.webmanifest" />
<link rel="mask-icon" href="https://registry.npmmirror.com/@lobehub/assets-favicons/latest/files/assets/safari-pinned-tab.svg" color="#000000" />
<meta name="apple-mobile-web-app-title" content="LobeHub" />
<meta name="application-name" content="LobeHub" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="theme-color" content="#000000" />
Optional - Check your favicon with the favicon checker
😀Emoji
https://registry.npmmirror.com/@lobehub/assets-emoji/latest/files < emoji-name > .webp
 |  |  |
|---|
Animation Emoji
https://registry.npmmirror.com/@lobehub/assets-emoji-anim/latest/files < emoji-name > .webp
 |  |  |
|---|
🔤 Webfonts
# lite
https://registry.npmmirror.com/@lobehub/webfont-mono/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-mono/latest/files/css/index-full.css
# lite
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans/latest/files/css/index-full.css
# lite
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans-sc/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans-sc/latest/files/css/index-full.css
Subset webfont package using unicode-range to split HarmonyOS Sans SC into one base subset and ten CJK subsets.
# lite
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans-sc-mini/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-harmony-sans-sc-mini/latest/files/css/index-full.css
# lite
https://registry.npmmirror.com/@lobehub/webfont-geist/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-geist/latest/files/css/index-full.css
# lite
https://registry.npmmirror.com/@lobehub/webfont-geist-mono/latest/files/css/index.css
# full
https://registry.npmmirror.com/@lobehub/webfont-geist-mono/latest/files/css/index-full.css
⌨️ Local Development
You can use Github Codespaces for online development:
Or clone it for local development:
$ git clone https://github.com/lobehub/lobe-assets.git
$ cd lobe-assets
$ bun install
🤝 Contributing
Contributions of all types are more than welcome, if you are interested in contributing code, feel free to check out our GitHub Issues to get stuck in to show us what you’re made of.
🔗 Credits
- real-fav-icon: https://realfavicongenerator.net/
- harmonyos-fonts: https://github.com/IKKI2000/harmonyos-fonts
- geist-font: https://vercel.com/font