font-variant-emoji
Enables you to force a character to look like a colorful emoji or a simple black-and-white text symbol, assuming the font supports both.
Quick example
.icon-style {
/* Forces symbols to look like colorful emojis */
font-variant-emoji: emoji;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements and text
Animation type
discrete
Values
normaltextemojiunicode font-variant-emoji Browser Support
Limited availability 84% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
131+
141+
17.5+
131+