Open-source emoji set · Animated 3D

Fluent Emoji Animated

Microsoft’s Fluent 3D emoji, animated: faces that laugh, wink and cry, hearts that beat. Point at any emoji to play it. MIT licence.

744 emoji PNG · animated MIT · free for commercial use Keep the licence notice

Made by

Microsoft, commit daa0365 (2025). Not our drawings: every file below loads from the maker's own published files.

Licence

MIT. Keep the copyright and licence notice with copies of the files.

Credit line to paste

Fluent Emoji Animated © Microsoft Corporation, MIT licence

Coverage

744 of the 1,923 emoji in Unicode 18.0, one tile each. Not drawn here: 262 Objects, 262 Flags, 224 Symbols, 122 Food & Drink, 105 Travel & Places, 80 Activities, 68 People & Body, 34 Animals & Nature, 22 Smileys & Emotion. Animated PNGs from Microsoft’s own repository, stored in Git LFS and served by GitHub at the pinned commit. Each tile shows the Fluent 3D still and plays when you point at it. Skin-tone variants are in the source and left out of this grid.

Search Fluent Emoji Animated

Smileys & Emotion 150 of 172

People & Body 322 of 390

Animals & Nature 127 of 161

Food & Drink 10 of 132

Travel & Places 116 of 221

Activities 5 of 85

Objects 6 of 268

Flags 8 of 270

Using these emoji on a page

Picking a set means every visitor sees the same face, whatever device they are on; a typed emoji is drawn by the visitor's own system font and looks different on every platform. Use the image with its name as alt, sized to the text around it:

<img src="https://cdn.jsdelivr.net/gh/microsoft/fluentui-emoji@1ffb34c752ecf5d402f04cfb4b392c77f57c54bc/assets/Grinning%20face/3D/grinning_face_3d.png"
     alt="grinning face" width="20" height="20"
     style="height:1.2em;width:auto;vertical-align:-0.2em">

The name is the Unicode name, which is also what a screen reader says for the typed character, so the image and the text version read the same. These are animated PNG files, a few hundred kilobytes to a couple of megabytes each, so this page shows the still image and loads the animation only when you point at an emoji. On your own page, do the same: show the still and swap in the animation on hover or when it scrolls into view. For the whole set, with every skin tone, get it from the maker.

Comparing sets, or checking which licence fits a client project? All the open emoji sets side by side, with what each licence asks.