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.
It is documented as part of the CSS Fonts specification.
Syntax
/* Usage Example */
.icon-style {
/* Forces symbols to look like colorful emojis */
font-variant-emoji: emoji;
}
/* Syntax */
font-variant-emoji: normal;
font-variant-emoji: text;
font-variant-emoji: emoji;
font-variant-emoji: unicode;
/* Global values */
font-variant-emoji: inherit;
font-variant-emoji: initial;
font-variant-emoji: revert;
font-variant-emoji: revert-layer;
font-variant-emoji: unset;
font-variant-emoji Browser support
Limited availability
Since
2020 84% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
131+
141+
17.5+
131+