Open-source emoji set · Monochrome

Fluent Emoji High Contrast

Microsoft’s Fluent emoji as single-colour line art, made for high-contrast modes. Recolour them with CSS when you inline the SVG. MIT licence.

1,595 emoji SVG MIT · free for commercial use Keep the licence notice

Made by

Microsoft, commit 1ffb34c (2026-08-24). 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 © Microsoft Corporation, MIT licence

Coverage

1,595 of the 1,923 emoji in Unicode 18.0, one tile each. Not drawn here: 262 Flags, 47 People & Body, 6 Objects, 4 Smileys & Emotion, 3 Animals & Nature, 3 Travel & Places, 2 Food & Drink, 1 Symbols. Skin-tone variants are in the source and left out of this grid.

Search Fluent Emoji High Contrast

Smileys & Emotion 168 of 172

People & Body 343 of 390

Animals & Nature 158 of 161

Food & Drink 130 of 132

Travel & Places 218 of 221

Activities 85

Objects 262 of 268

Symbols 223 of 224

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/High%20Contrast/grinning_face_high_contrast.svg"
     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 SVG files, so they stay sharp at any size. They are single-colour, so if you inline the SVG you can set fill: currentColor and let them take the text colour. 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.