@lobehub/fluent-emoji

<div align="center"><a name="readme-top"></a> <img height="120" src="https://registry.npmmirror.com/@lobehub/assets-logo/1.0.0/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/fluent-emoji-3d/latest/files/assets/1f600.webp"> <h1>Fluent Emoji</h1> A collection of familiar, friendly, and modern emoji from Microsoft. See them all on one page at [fluent-emoji.lobehub.com](https://fluent-emoji.lobehub.com).<br/> Contributions, corrections & requests can be made on GitHub. [![][npm-release-shield]][npm-release-link] [![][github-releasedate-shield]][github-releasedate-link] [![][github-action-test-shield]][github-action-test-link] [![][github-action-release-shield]][github-action-release-link]<br/> [![][github-contributors-shield]][github-contributors-link] [![][github-forks-shield]][github-forks-link] [![][github-stars-shield]][github-stars-link] [![][github-issues-shield]][github-issues-link] [![][github-license-shield]][github-license-link] [Changelog](./CHANGELOG.md) · [Report Bug][github-issues-link] · [Request Feature][github-issues-link] ![](https://github.com/user-attachments/assets/b2b35675-b6dd-43d2-aea1-8139897dbfec) </div> ## ✨ Features - 🚀 **Lightweight & Scalable**: Emojis are designed to be lightweight, utilizing highly optimized scalable vector graphics (SVG) / WebP for the best performance and quality. - 🌳 **Tree Shakable**: The collection is tree-shakable, ensuring that you only import the emojis that you use by cdn, which helps in reducing the overall bundle size of your project. - 👥 **Active Community**: Fluent Emoji boasts an active community of designers and developers. Engage with us on platforms like GitHub and Discord to contribute or get support. <div align="right"> [![][back-to-top]](#readme-top) </div> ## 📦 Installation > \[!IMPORTANT]\ > This package is [ESM only](https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c). To install `@lobehub/fluent-emoji`, run the following command: [![][bun-shield]][bun-link] ```bash $ bun add @lobehub/fluent-emoji ``` ### Compile with Next.js > \[!NOTE]\ > By work correct with Next.js SSR, add `transpilePackages: ['@lobehub/fluent-emoji']` to `next.config.js`. For example: ```js const nextConfig = { transpilePackages: ['@lobehub/fluent-emoji'], }; ``` <div align="right"> [![][back-to-top]](#readme-top) </div> ## ⌨️ Local Development You can use Github Codespaces for online development: [![][github-codespace-shield]][github-codespace-link] Or clone it for local development: [![][bun-shield]][bun-link] ```bash $ git clone https://github.com/lobehub/fluent-emoji.git $ cd fluent-emoji $ bun install $ bun dev ``` <div align="right"> [![][back-to-top]](#readme-top) </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][github-issues-link] to get stuck in to show us what you’re made of. [![][pr-welcome-shield]][pr-welcome-link] [![][github-contrib-shield]][github-contrib-link] <div align="right"> [![][back-to-top]](#readme-top) </div> ## 🔗 Links ### More Products - **[🤯 Lobe Chat](https://github.com/lobehub/lobe-chat)** - An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application. - **[🅰️ Lobe Theme](https://github.com/lobehub/sd-webui-lobe-theme)** - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features. - **[🧸 Lobe Vidol](https://github.com/lobehub/lobe-vidol)** - Experience the magic of virtual idol creation with Lobe Vidol, enjoy the elegance of our Exquisite UI Design, dance along using MMD Dance Support, and engage in Smooth Conversations. ### Design Resources - **[🍭 Lobe UI](https://ui.lobehub.com)** - An open-source UI component library for building AIGC web apps. - **[🥨 Lobe Icons](https://lobehub.com/icons)** - Popular AI / LLM Model Brand SVG Logo and Icon Collection. - **[📊 Lobe Charts](https://charts.lobehub.com)** - React modern charts components built on recharts ### Development Resources - **[🎤 Lobe TTS](https://tts.lobehub.com)** - A high-quality & reliable TTS/STT library for Server and Browser - **[🌏 Lobe i18n](https://github.com/lobehub/lobe-cli-toolbox/blob/master/packages/lobe-i18n)** - Automation ai tool for the i18n (internationalization) translation process. [More Resources](https://lobehub.com/resources) <div align="right"> [![][back-to-top]](#readme-top) </div> --- #### 📝 License Copyright © 2024 [LobeHub][profile-link]. <br /> This project is [MIT](./LICENSE) licensed. [back-to-top]: https://img.shields.io/badge/-BACK_TO_TOP-black?style=flat-square [bun-link]: https://bun.sh [bun-shield]: https://img.shields.io/badge/-speedup%20with%20bun-black?logo=bun&style=for-the-badge [github-action-release-link]: https://github.com/lobehub/fluent-emoji/actions/workflows/release.yml [github-action-release-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/fluent-emoji/release.yml?label=release&labelColor=black&logo=githubactions&logoColor=white&style=flat-square [github-action-test-link]: https://github.com/lobehub/fluent-emoji/actions/workflows/test.yml [github-action-test-shield]: https://img.shields.io/github/actions/workflow/status/lobehub/fluent-emoji/test.yml?label=test&labelColor=black&logo=githubactions&logoColor=white&style=flat-square [github-codespace-link]: https://codespaces.new/lobehub/fluent-emoji [github-codespace-shield]: https://github.com/codespaces/badge.svg [github-contrib-link]: https://github.com/lobehub/fluent-emoji/graphs/contributors [github-contrib-shield]: https://contrib.rocks/image?repo=lobehub%2Ffluent-emoji [github-contributors-link]: https://github.com/lobehub/fluent-emoji/graphs/contributors [github-contributors-shield]: https://img.shields.io/github/contributors/lobehub/fluent-emoji?color=c4f042&labelColor=black&style=flat-square [github-forks-link]: https://github.com/lobehub/fluent-emoji/network/members [github-forks-shield]: https://img.shields.io/github/forks/lobehub/fluent-emoji?color=8ae8ff&labelColor=black&style=flat-square [github-issues-link]: https://github.com/lobehub/fluent-emoji/issues [github-issues-shield]: https://img.shields.io/github/issues/lobehub/fluent-emoji?color=ff80eb&labelColor=black&style=flat-square [github-license-link]: https://github.com/lobehub/fluent-emoji/blob/master/LICENSE [github-license-shield]: https://img.shields.io/github/license/lobehub/fluent-emoji?color=white&labelColor=black&style=flat-square [github-releasedate-link]: https://github.com/lobehub/fluent-emoji/releases [github-releasedate-shield]: https://img.shields.io/github/release-date/lobehub/fluent-emoji?labelColor=black&style=flat-square [github-stars-link]: https://github.com/lobehub/fluent-emoji/network/stargazers [github-stars-shield]: https://img.shields.io/github/stars/lobehub/fluent-emoji?color=ffcb47&labelColor=black&style=flat-square [npm-release-link]: https://www.npmjs.com/package/@lobehub/fluent-emoji [npm-release-shield]: https://img.shields.io/npm/v/@lobehub/fluent-emoji?color=369eff&labelColor=black&logo=npm&logoColor=white&style=flat-square [pr-welcome-link]: https://github.com/lobehub/fluent-emoji/pulls [pr-welcome-shield]: https://img.shields.io/badge/%F0%9F%A4%AF%20PR%20WELCOME-%E2%86%92-ffcb47?labelColor=black&style=for-the-badge [profile-link]: https://github.com/lobehub