Home/Libraries/Fluent Emoji Flat (Iconify)/yarn

Fluent Emoji Flat (Iconify)

Yarn

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><path fill="#818cf8" d="M9.111 4.338a.913.913 0 0 1 .367-1.24a.855.855 0 0 1 1.186.43l4.3 9.876a.43.43 0 0 1-.183.55a.39.39 0 0 1-.53-.17zm-4.699 4.42c-.43-.287-.538-.903-.254-1.35c.293-.446.861-.541 1.262-.212l8.417 7.012a.463.463 0 0 1 .088.606a.395.395 0 0 1-.558.117z"/><path fill="#818cf8" d="M25 15.5a8.5 8.5 0 1 1-17 0a8.5 8.5 0 0 1 17 0"/><path fill="#818cf8" d="M16.635 7.001q.886.015 1.718.202a26 26 0 0 0-3.716 2.303q.397.847.89 1.68c1.548-1.108 3.34-2.11 5.392-2.948q.51.311.972.69c-2.255.865-4.19 1.925-5.829 3.104q.552.826 1.211 1.603c1.906-1.479 4.057-2.614 6.2-2.996q.31.443.563.925c-2.037.265-4.166 1.333-6.091 2.815a16 16 0 0 0 1.613 1.47c1.604-1.133 3.405-1.985 5.227-2.257q.112.484.166.987c-1.54.226-3.104.927-4.543 1.898q.8.55 1.699 1.016a9.1 9.1 0 0 1 2.826-.917a9 9 0 0 1-.2 1.048a8 8 0 0 0-1.43.424q.151.063.305.123l.323.123q.263.096.532.185l-.005.014l.428.163A4.312 4.312 0 0 1 23.357 27H15a1 1 0 1 0 0 2h4a.5.5 0 0 1 0 1h-4a2 2 0 1 1 0-4h8.357a3.312 3.312 0 0 0 1.175-6.41l-.935-.354q-.188-.069-.373-.141l-.069-.026l-.038-.017a17 17 0 0 1-2.028-.97a16.6 16.6 0 0 1-2.356-1.613a17 17 0 0 1-2.236-2.202a18.6 18.6 0 0 1-1.773-2.48a21 21 0 0 1-1.356-2.674q-.275-.654-.5-1.3a8.5 8.5 0 0 0-1.731 1.092c1.733 4.676 5.29 9.83 11.752 12.202q-.363.413-.775.776c-6.366-2.498-9.952-7.586-11.769-12.246a8.5 8.5 0 0 0-1.37 1.905a27 27 0 0 0 1.104 2.195a25 25 0 0 0 1.626 2.523a23 23 0 0 0 2.054 2.427a22 22 0 0 0 2.302 2.053a21.3 21.3 0 0 0 4.046 2.459a8.5 8.5 0 0 1-1.289.481a22 22 0 0 1-.983-.54a5 5 0 0 0-.283.796q-.51.062-1.036.064c.08-.451.242-.922.461-1.388a22 22 0 0 1-1.46-1.027q-.135.229-.255.454c-.335.633-.564 1.221-.685 1.742a8 8 0 0 1-.96-.283c.151-.623.417-1.277.761-1.927q.164-.307.35-.618a23 23 0 0 1-1.545-1.424q-.253.396-.474.787c-.443.787-.77 1.539-.972 2.225a9 9 0 0 1-.842-.651a12.4 12.4 0 0 1 .943-2.065q.292-.52.638-1.042q-.735-.812-1.375-1.662a15.2 15.2 0 0 0-1.61 3.19a8.5 8.5 0 0 1-.642-1.103a16.8 16.8 0 0 1 1.627-2.95q-.575-.836-1.07-1.686a21 21 0 0 0-1.343 1.97a8.6 8.6 0 0 1-.024-1.86q.393-.575.812-1.11q-.21-.4-.404-.799a8.5 8.5 0 0 1 2.69-3.868a8.5 8.5 0 0 1 2.66-1.466q.183.53.4 1.066c.854-.6 1.68-1.101 2.438-1.504"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. YarnIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.