Emoji
The Fluent Emoji are a (still growing) collection of familiar, friendly, and modern emoji from Microsoft. At the moment there are over 1500 distinct emoji available in color, flat and high contrast styles and 6 different skintones (where applicable) divided in 9 groups. In total the collections consists of well over 13k emoji in SVG format.
This FluentUI Emoji NuGet package contains all these emoji, which you can access directly in your projects. To use them, simply reference this package in your project.
Important
As of version 4.11.0 of our Emoji package, we are packaging each emoji category (activity, food, etc.) in its own assembly. This became necessary due to the large number of emoji and some compiler limitations. Nothing has changed on how the Emoji package needs to be installed or added to your project. There is a just a small change needed to your imports file (or using statements).To use the new version in your (upgraded) projects, you need add the following@usingstatement to your _Imports.razor file:@using Emoji = Microsoft.FluentUI.AspNetCore.Components.Emoji
Alternatively, you can use the full namespace in your code or define the alias for the namespace at the top of your file.
You can use any of these emoji by levaraging the <FluentEmoji> component. See below for the parameters and examples. There is
also a search capability available on this page which allows you to browse through all the available emoji.
Overview
Emoji samples
Different sizes
Explore Emojis
Documentation
FluentEmoji<Emoji> Class
Parameters
Name | Type | Default | Description |
|---|---|---|---|
Slot | string? | Gets or sets the slot where the emoji is displayed in | |
Title | string? | Gets or sets the title for the emoji | |
Value | Emoji | Gets or sets the Emoji object to render. | |
Width | string? | Gets or sets the emoji width. If not set, the emoji size will be used. |
EventCallbacks
Name | Type | Description |
|---|---|---|
OnClick | EventCallback<MouseEventArgs> | Allows for capturing a mouse click on an emoji |