Fluent Emoji Explorer

Microsoft Fluent UI Emoji Explorer

Browse, search, and preview all 1,500+ Microsoft Fluent Emojis directly in your browser. View emojis in 3D, Color, Flat, High Contrast, and animated styles. Filter by category and skin tone, then copy glyphs, unicode codepoints, or image URLs with a single click.

What are Microsoft Fluent Emojis?

Microsoft Fluent Emojis are an open-source emoji set created by Microsoft. They include over 1,500 unique emoji designs available in multiple visual styles. The static collection provides 3D (PNG), Color (SVG), Flat (SVG), and High Contrast (SVG) variants, while a growing animated subset offers APNG versions of popular emojis.

How do I search for a specific Fluent Emoji?

Type a name, keyword, or paste a glyph character into the search bar. The tool filters all emojis in real time, matching against display names, metadata keywords, and glyph characters. For example, searching "rocket" finds the rocket emoji, while searching "love" surfaces heart-related emojis.

What emoji styles are available?

The static dataset includes four styles. 3D renders emojis as detailed PNG images with depth and shading. Color provides clean SVG vector graphics. Flat simplifies shapes and removes gradients for a minimal look. High Contrast uses bold outlines and solid fills for accessibility. Each style serves different design contexts, from presentations to UI mockups.

How does the animated emoji dataset work?

Switch the dataset selector to Animated to filter down to emojis that have animated APNG versions. Animated Fluent Emojis are a subset of the full collection and display looping animations directly in the browser. They are useful for chat interfaces, documentation, and presentations that benefit from motion.

Can I filter emojis by skin tone?

Yes. When viewing the static dataset, a skin tone selector appears for emojis that support skin tone variants. Choose from Default, Light, Medium-Light, Medium, Medium-Dark, or Dark to see the corresponding variant. Emojis without skin tone variants display their default appearance regardless of the selection.

What happens when I click on an emoji?

Clicking an emoji opens a detail dialog showing a larger preview, the emoji's category, unicode codepoint, keywords, and all available style previews. From the dialog you can copy the glyph character, unicode value, or a direct image URL to your clipboard.

How are the emojis grouped and sorted?

Emojis are organized into categories matching the Unicode Consortium groups: Smileys & Emotion, People & Body, Animals & Nature, Food & Drink, Travel & Places, Activities, Objects, Symbols, and Flags. Each category header shows the number of emojis it contains, making it easy to browse by topic.

Can I use the image URLs in my projects?

The image URLs point to raw files hosted on GitHub from the official Microsoft Fluent Emoji repositories. You can copy these URLs for prototyping, documentation, or personal projects. For production use, consider hosting the images yourself or referencing the official Fluent Emoji repository for licensing details.

What is the difference between PNG and SVG emoji styles?

The 3D style uses PNG files, which are raster images with fixed resolution. The Color, Flat, and High Contrast styles use SVG files, which are vector graphics that scale to any size without losing quality. Choose SVG styles when you need sharp rendering at different sizes, and PNG when you want the richest visual detail.

This page is not in any way associated or endorsed with Microsoft. The Microsoft Fluent Emoji Explorer is a third-party tool provided by the community.