Awesome

<div align="center"><a name="readme-top"></a> <img height="120" src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/assets/logo-3d.webp"> <img height="120" src="https://gw.alipayobjects.com/zos/kitchen/qJ3l3EPsdW/split.svg"> <img height="120" src="https://registry.npmmirror.com/@lobehub/assets-emoji/latest/files/assets/package.webp"> <h1>Lobe Assets</h1>

Logo assets, favicons, webfonts for LobeHub

<br/>

Changelog · Report Bug · Request Feature

</div> <details> <summary><kbd>Table of contents</kbd></summary>

📦 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

</div>

🤯 Logos

<img src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/assets/logo-3d.webp" width="64" >	<img src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/assets/logo-flat.svg" width="64" >	<img src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/assets/logo-high-contrast.svg" width="64" >	<img src="https://registry.npmmirror.com/@lobehub/assets-logo/latest/files/assets/logo-text.svg" width="64" >
Logo 3D	Logo Flat	Logo High Contrast	Logo Text
webp	svg	svg	svg

</div>

💞 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

</div>

😀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

</div>

🔤 Webfonts

Hack Nerd Font Mono

# 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

HarmonyOS Sans

# 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

HarmonyOS Sans SC

# 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

</div>

⌨️ 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

</div>

🤝 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.