SVG

Raw optimized SVGs + typed metadata. The foundation every other package builds on.

pnpm add @fluentui-emoji/svg

Import an SVG

// with a bundler (Vite, webpack, ...):
import rocket from '@fluentui-emoji/svg/icons/flat/rocket.svg';

Styles: flat, high-contrast, modern. Not every emoji exists in high-contrast — check styles in the metadata.

Typed metadata

import {metadata, getEmoji, getEmojiPath} from '@fluentui-emoji/svg';
import type {EmojiSlug, EmojiStyle} from '@fluentui-emoji/svg';

metadata.count;                    // 3145
getEmoji('rocket');                // {slug: 'rocket', name: 'Rocket', styles: ['flat', ...]}
getEmojiPath('rocket', 'modern');  // '@fluentui-emoji/svg/icons/modern/rocket.svg'

EmojiSlug is a union of all 3,145 slugs — typos fail at compile time.