Fluent Emoji are a collection of familiar, friendly, and modern emoji from Microsoft
npm install @lobehub/fluent-emoji

A collection of familiar, friendly, and modern emoji from Microsoft. See them all on one page at fluent-emoji.lobehub.com.
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]
[![][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 Β· [Report Bug][github-issues-link] Β· [Request Feature][github-issues-link]

- π 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.
[![][back-to-top]](#readme-top)
> \[!IMPORTANT]\
> This package is ESM only.
To install @lobehub/fluent-emoji, run the following command:
[![][bun-shield]][bun-link]
``bash`
$ bun add @lobehub/fluent-emoji
> \[!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'],
};
[![][back-to-top]](#readme-top)
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
[![][back-to-top]](#readme-top)
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]
[![][back-to-top]](#readme-top)
- π€― 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 - The modern theme for stable diffusion webui, exquisite interface design, highly customizable UI, and efficiency boosting features.
- π§Έ 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.
- π Lobe UI - An open-source UI component library for building AIGC web apps.
- π₯¨ Lobe Icons - Popular AI / LLM Model Brand SVG Logo and Icon Collection.
- π Lobe Charts - React modern charts components built on recharts
- π€ Lobe TTS - A high-quality & reliable TTS/STT library for Server and Browser
- π Lobe i18n - Automation ai tool for the i18n (internationalization) translation process.
[![][back-to-top]](#readme-top)
---
#### π License
Copyright Β© 2024 [LobeHub][profile-link].
This project is MIT 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