microsoft/fluentui-emoji

A collection of familiar, friendly, and modern emoji from Microsoft

Fluent Emoji

Fluent Emoji are a collection of familiar, friendly, and modern emoji from Microsoft.

Contact

Please feel free to open a GitHub issue and assign to the following points of contact with questions or requests.

• Jason Custer(@jasoncuster) / Spencer Nelson(@spencer-nelson) - Design

Code of Conduct

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact [email protected] with any additional questions or comments.

fluentui-emoji's Issues

Some emoji lacking skin tone data

First of all i'm incredibly thankful that you decided to open-source these.

I've tried to write a small script that convert the emoji into (codepoints).svg and noticed that certain emoji like 🤼‍♀️ woman wrestling lack unicodeSkintones in their metadata.json despite having skin tone variants

Would it be possible to get this fixed or provide a download that has all files with just their codepoints as names?

Add an icon for the Baha'i Faith

Many of the world religions are available in the emoji set. It would be nice to see the Baha'i Faith represented. The most common symbol is a 9 pointed star. I am not an artist, so me making one would not do justice. But I just wanted to make the request.

"unicodeSkintones" missing in metadata of a few emojis

Most emojis which support different skin tones have a unicodeSkintones attribute in the metadata.json file. The following emojis don't have this attribute:

Man with bunny ears
Man wrestling
Person wrestling
Skier
Woman with bunny ears
Woman wrestling

A copyright related question

Hi,
If I want to use emojis to make a promo banner, which is not commercial, where do I need to put a copyright?

Needs more weapons

Lacks diversity in tools, vehicles and weapons for games and conflict maps

Melting face emoji issue

Provided emoji is different from preview image for MS Teams seen on Emojipedia

Adding the animated emojis to this repo?

as mentioned in this article: https://www.linkedin.com/pulse/making-fluent-emoji-nando-costa/ A lot of these emojis have been animated and I think since it's part of "fluent emojis" they should be in this repository?

Missing shadows on the eyes of several emoji

On the "Color" version of several emojis (i.e : "kissing face with smiling eyes", "pensive face", "disappointed face"...), the eyes don't have any shadow. They're just simple lines.

It feels unintentional as their "3D" counterparts do have shadows. Some of them even have shadows on their eyebrows and not on their eyes, which doesn't add up.

Excuse me, what do Android developers need to do if they want to introduce this set of emoji?

Excuse me, what do Android developers need to do if they want to introduce this set of emoji?

Ninjacats

Any chance the Ninjacats are going to make it to this set of emoji?

Wrong licence

Hi

Making these emojis open source is imo great!

But you put this Repo under the MIT license (which is also in the Microsoft repo template).

The problem with this is that the MIT license is for Software and its associated documentation. This repository does not contain any of these two things.

Please correct me if I'm wrong, but this seems to be the wrong license for this repository.

Cc: @jasoncuster @spencer-nelson @emmairwin

girl_color_light.svg - Mouth doesn't render properly.

The "Light" skin tone girl's mouth (https://github.com/microsoft/fluentui-emoji/blob/main/assets/Girl/Light/Color/girl_color_light.svg) doesn't render.

The lips of the "Default" skin tone girl do render:

Doge emoji

Is there a doge emoji in fluentui emoji?

Question: animated emoji sources

Some emojis in Microsoft Teams are animated. Are there any plans to provide assets/sources for these?

SVGs were exported incorrectly

Hi,

Please look at these two example SVG's from the repo. SVG is meant to be scalable yet when zoomed in anti-aliasing is clear. The SVG's are currently are not usable.

3D Source

Thanks for opening this work up!

Was surprised to see that the "3D" data is not in source form, but rendered form. That really limits what kinds of remixing and (machine) learning can be done. What plans are there to provide this?

Missing skin-tones

metadata.json claims unicodeSkintones, but the SVGs are missing for:

https://github.com/microsoft/fluentui-emoji/tree/main/assets/Handshake
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Person%20genie
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Foot
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Troll

The opposite:
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Man%20with%20bunny%20ears
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Man%20wrestling
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Person%20with%20bunny%20ears
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Person%20wrestling
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Skier
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Woman%20with%20bunny%20ears
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Woman%20wrestling

This emoji lacks a Color variant:
https://github.com/microsoft/fluentui-emoji/tree/main/assets/Playground%20slide

Thank You <3

Just wanted to say thanks to everyone who contributed to this amazing emoji library!

They're so fun and special ^_^ Can't wait to use them in my projects!!!

One thing I had thought of that may help in the future as our displays and devices become more 3D, if there's a way to share 3D models of the emoji. I understand this is a big ask as the original files were never intended to be fully 3D or in a format like .gltf, but it would be very cool to see these in 3D on the HoloLens (or maybe a Looking Glass display or Northstar headset 😉)

Very excited to be able to use these emoji, great work to all involved! They're stunning 🥰

Thank you for continuing to contribute to open source <3

Emoji missing

Hello, i cannot find the star emoji face: 🤩

¿can you help me?

Please, consider providing the assets with Unicode name and in a single folder.

Hi, just wondering is it possible to provide the assets with unicode code points as names (like Noto Emoji) with multiple dimensions, all particular format / variant file in a single folder instead of putting every single file in individual folders??

File Organization

I don't know about a lot of value add, but it would seem that the project could benefit from adjusting the folder structure.

Right now there are folders for blue heart, red heart, green heart, etc.

Would there be a benefit of creating a top level "heart" folder and then have the colors be subfolders of that. If you want to make changes to "heart" then all of the files would be close by in the folder structure?

Consider adding WebP and AVIF versions

The repository hosts PNG versions of the assets. Have you considered providing WebP and AVIF versions as well?

Versioning sync with Figma

Hey guys,
First I want to say the product looks awesome, thank you for such tool.

But I have a question regarding versioning on the repository side and here of Figma.

Right now we have 14.0.2 on Figma and 1.1.164 as last available tag which lead to totally different build.
Can you please help me to figure out the proper way to understand those versioning, so I can keep my sources updated and synced.

Colour Palettes and Construction guidelines - Future colour font formats

I understand these may be free for remixing and use - and not for seeking people to submit additions.

But it would be neat to see the palettes, gradients, colour combinations used for these - as well as some of the guidelines the Emoji teams work to, when making future additions to the sets.

As for the font formats - will the upcoming Google colour font format, with its support for gradients - be used for generating from the non flat SVGs? And is it possible the Windows team could adopt this, either as a replacement for the flat colour versions, or maybe as a toggle in settings?

Some "light" skin tone emojis have a yellowish colour

Most light skin tone emojis use the color FFD7C2 as skin color.
A few use FFDEA7 instead, which looks strange when used together with the others. These emojis are:

• Backhand index pointing down
• Backhand index pointing up
• Hand with fingers splayed
• Raised back of hand
• Raised hand
• Right-facing fist
• Vulcan salute

Missing 'Pregnant person/Medium-Dark/3D/pregnant_person_3d_medium-dark.png'

Just detected a missing file

Include list of lissing emoji

As noted on Ars Technica:

There are just a few Microsoft designs that it hasn't open sourced, including the paperclip that looks like Clippy (the character is apparently copyrighted). A couple of other emoji were excluded because Microsoft's versions exclude [sic] the Windows logo.

The README (or some other file) should include a list of what such emoji from the Emoji standard are missing,

Organize Icons by Style

First of all Thank you for amazing resource!

I think that organize the icons by style and not by icon it makes more sense as a designer.
When I design any product I usually select between one single style then search the icon I need.

Just look how Material Design Icons (or any ui icons pack) is organize their icons by style (Solid, Line, Color, etc)

Can we create a web portal to search , explore, download emojis

Thanks for open sourcing the emojis ,I think it would be more convenient for the users if we can show these emojis in a web portal.
To search, explore & download the desired emoji.

windows 10 emoji?

first, thank you for releasing this! for the app I am developing the old MS emoji pack from windows 10 is more suitable, are there any plans to release those emojis as well? thanks!

Missing svg for "Playground slide"

Hello,

I scanned the assets folder and I found that the icon "Playground slide" is missing the "Color" subfolder with the 3D style svg.

Thanks for open sourcing!

Font files

It'd be very useful to have pre-built .ttf files available, for use cases like website and app development. Thanks for making this open source, hope you'll consider it!

Bring Country flags to Windows!

It's time that Microsoft brings country flags support. Pretty much every other Operating system (OSs) like Android, iOS, macOS, etc. has emojis for each country, but for any mysterious reason, Windows has never done it! 🇵🇱🇪🇸🇪🇺

Source: https://emojipedia.org/flag-poland/

Source: https://emojipedia.org/flag-european-union/

Tasks

Beta Give feedback

No tasks being tracked yet.

Design guidelines missing

woman_office_worker SVG files are broken

Zoomed in screenshot of assets/Woman office worker/Medium-Light/Color/woman_office_worker_color_medium-light.svg:

Lips are bugged.

PNG version as well as icon in Figma files do not have this bug:
https://github.com/microsoft/fluentui-emoji/blob/main/assets/Woman%20office%20worker/Medium-Light/3D/woman_office_worker_3d_medium-light.png

Same bug affects other skin tone variations of this icon.

Mans shoe missed

Hi, The emoji set looks so Awesome. Thanks for open-sourcing this project!

Only this two of the emojis did not follow the structure!

• Mans shoe -> It's an empty svg!
• Heavy dollar sign -> There is no png file.

Different emoji

I was messing around with the provided emojis and noticed these dont seem to be the same ones as in microsoft teams (note the smaller eyes). I checked out the set of icons provided to emojipedia and these also seem to use a different revision.

Is the open-source icon set intentionally different from the one used in microsofts products or is one of them simply an older version?

feature request: generic replacement for the paperclip emoji?

As mentioned in the blog post announcing this effort, the paperclip emoji was omitted as, since it was based on Clippy, it couldn't be released for legal reasons.

However, the lack of metadata could cause problems for other projects using this repository as a source of checked/production-ready metadata and it's somewhat unfortunate to have a missing emoji; therefore, would it be possible to include a generic variant instead (possibly based on the dual-paperclip emoji)?

(Side note, but thank you so much for letting us use these wonderful emoji sets 😄)

Missing metadata.json

Icon Prince is missing metadata.json

Hey if possible i would like to know more about this Microsoft emoji and stuff.

Add topics to repo description

Add some topics like https://github.com/topics/emoji to repository description

Rainbow smile emoji

Any chance of including the rainbow smile emoji? I know it’s not part of Unicode but I love seeing it in Teams. It would be amazing to see it here!

Smiling face with tear "Color" version has a purple mouth

Everything is in the title. I don't get why this one has a purple mouth (#533468) instead of the regual brown-ish color.

I think it's due to the fact that the gradient used on the other mouths didn't apply to this one.

Several metadata/asset inconsistencies

I did some detailed analysis on the asset data/metadata and noted several inconsistencies:

• Foot: has "unicodeSkintones" but is missing skintone folders
• Handshake: has "unicodeSkintones" (with some wrong codes) and is missing skintone folders
• Man with bunny ears: does not have "unicodeSkintones" but has skintone folders
• Man wrestling: does not have "unicodeSkintones" but has skintone folders
• Person genie: has "unicodeSkintones" (with some wrong codes) and is missing skintone folders
• Person with bunny ears: does not have "unicodeSkintones" but has skintone folders
• Person wrestling: does not have "unicodeSkintones" but has skintone folders
• Playground slide: missing Color folder
• Pregnant person: missing Medium-Dark/3D style folder
• Skier: does not have "unicodeSkintones" but has skintone folders
• Troll: has "unicodeSkintones" (with some wrong codes) and is missing skintone folders
• Woman with bunny ears: does not have "unicodeSkintones" but has skintone folders
• Woman wrestling: does not have "unicodeSkintones" but has skintone folders

NOTE:

• 'd items were addressed in #70

One other strange one is "O button blood type" which uses parentheses around 'blood_type' in the svg filenames. For all other asset data, the file name is the lowercase of the parent asset folder + style (Color, Flat, etc.) with spaces replaced by "_", so based on that pattern I'd expect the filenames for this to be e.g. o_button_blood_type_color.svg, etc. Alternatively, the parent folder name could be O button (blood type) which would make the pattern work.

Bad size in some icons

Icons are supposed to be 32x32, but some icons aren't:

Alien/Color/alien_color.svg: 34x32
Bear/Color/bear_color.svg: 34x32
Black heart/Color/black_heart_color.svg: 32x33
Boar/Color/boar_color.svg: 33x32
Bomb/Color/bomb_color.svg: 33x32
Broken heart/Color/broken_heart_color.svg: 33x32
Deer/Color/deer_color.svg: 34x34
Elephant/Color/elephant_color.svg: 32x33
Eye in speech bubble/Color/eye_in_speech_bubble_color.svg: 33x33
Folded hands/Dark/Color/folded_hands_color_dark.svg: 31x32
Folded hands/Default/Color/folded_hands_color_default.svg: 31x32
Folded hands/Light/Color/folded_hands_color_light.svg: 31x32
Folded hands/Medium/Color/folded_hands_color_medium.svg: 31x32
Folded hands/Medium-Dark/Color/folded_hands_color_medium-dark.svg: 31x32
Folded hands/Medium-Light/Color/folded_hands_color_medium-light.svg: 31x32
Ghost/Color/ghost_color.svg: 32x33
Growing heart/Color/growing_heart_color.svg: 32x33
Hamster/Color/hamster_color.svg: 32x33
Hand with index finger and thumb crossed/Medium/Color/hand_with_index_finger_and_thumb_crossed_color_medium.svg: 33x33
Hear-no-evil monkey/Color/hear-no-evil_monkey_color.svg: 33x32
Hole/Color/hole_color.svg: 32x33
Keycap 10/Color/keycap_10_color.svg: 32x33
Keycap 10/Flat/keycap_10_flat.svg: 32x33
Keycap 10/High Contrast/keycap_10_high_contrast.svg: 32x33
Keycap 5/Flat/keycap_5_flat.svg: 32x33
Keycap 5/High Contrast/keycap_5_high_contrast.svg: 32x33
Keycap 6/Color/keycap_6_color.svg: 32x33
Keycap 6/Flat/keycap_6_flat.svg: 32x33
Keycap 6/High Contrast/keycap_6_high_contrast.svg: 32x33
Keycap 7/Color/keycap_7_color.svg: 32x33
Keycap 7/Flat/keycap_7_flat.svg: 32x33
Keycap 7/High Contrast/keycap_7_high_contrast.svg: 32x33
Keycap 8/Color/keycap_8_color.svg: 32x33
Keycap 8/Flat/keycap_8_flat.svg: 32x33
Keycap 8/High Contrast/keycap_8_high_contrast.svg: 32x33
Keycap 9/Color/keycap_9_color.svg: 32x33
Keycap 9/Flat/keycap_9_flat.svg: 32x33
Keycap 9/High Contrast/keycap_9_high_contrast.svg: 32x33
Left speech bubble/Color/left_speech_bubble_color.svg: 33x32
Ox/Color/ox_color.svg: 32x33
Person feeding baby/Dark/Color/person_feeding_baby_color_dark.svg: 32x33
Person wrestling/Light/Color/person_wrestling_color_light.svg: 33x32
Pig/Color/pig_color.svg: 32x33
Pig face/Color/pig_face_color.svg: 34x35
Pig nose/Color/pig_nose_color.svg: 32x33
Piñata/High Contrast/piñata_high_contrast.svg: 32x33
Polar bear/Color/polar_bear_color.svg: 33x32
Pouting face/Color/pouting_face_color.svg: 32x37
Prince/Dark/Color/prince_color_dark.svg: 33x32
Raccoon/Color/raccoon_color.svg: 32x33
Raising hands/Default/Color/raising_hands_color_default.svg: 32x33
Ram/Color/ram_color.svg: 36x36
Revolving hearts/Color/revolving_hearts_color.svg: 34x36
Rhinoceros/Color/rhinoceros_color.svg: 32x33
Sneezing face/Color/sneezing_face_color.svg: 32x35
Swan/Flat/swan_flat.svg: 32x33
Water buffalo/Color/water_buffalo_color.svg: 38x38
White heart/Color/white_heart_color.svg: 33x32
White question mark/Color/white_question_mark_color.svg: 32x33

Missing country flag emojis

Hi! This emoji set appears to be incomplete, as it's missing the Unicode standard country emoji flags. I, and many others, would love to be able to represent our nationalities, identities, and travel by using these flags in the wonderful Fluent style.

"cat face" is the same as "grinning cat"?

and the video has another different cat face. so...?

Keywords Metadata Improvement

FluentUI emoji lacks many keywords when compared to other emoji libraries.

Ex. zipper-mouth face should have "secret" and "sealed" ideally. Some keywords can be taken from emojilib or emojijson

Would be helpful to users if you would add all related keywords from other sources.

Easy way to use on web

Is there an easy way to incorporate these into a website? A bit of javascript that can be used to replace emoji characters with images from this set?

how to use it?

Don't post a repo without any description.