Vue

Fluent UI Emoji as tree-shakeable, typed Vue 3 components — 3,145 emojis in flat, high-contrast, and modern styles. Dual ESM + CJS.

Install

pnpm add @fluentui-emoji/vue

Usage

<script setup>
import {Rocket} from '@fluentui-emoji/vue/flat';
// or per-icon: import Rocket from '@fluentui-emoji/vue/modern/rocket';
</script>

<template>
  <Rocket width="32" />
  <Rocket title="Rocket launch" />  <!-- accessible: role="img" + aria-label -->
</template>

Styles: @fluentui-emoji/vue/flat, /high-contrast, /modern. Extra attributes land on the root <svg>. Without title the icon is aria-hidden.