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.

/* 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;
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+
Kinsta

Your first month is free

Managed WordPress hosting for faster sites.

Learn more

New CSS drops.

Join 600+ readers who've survived clearfix hacks.

ESC