Home/Libraries/Twitter Emoji (Iconify)/moai

Twitter Emoji (Iconify)

Moai

License: CC-BY-4.0

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 36 36"><path fill="#818cf8" d="M8 27s-2 4-2 6s4 3 12 3s12-1 12-3s-2-6-2-6zM9 6C6 6 6 7 5 16c-.994 8.945 0 10 4 10c2 0 2-20 0-20m18 0c3 0 3 1 4 10c.994 8.945 0 10-4 10c-2 0-2-20 0-20"/><path fill="#818cf8" d="M8 3s1-3 10-3s10 3 10 3s1 6 1 14s-1 14-1 14s-1 2-10 2s-10-2-10-2s-1-3-1-14S8 3 8 3"/><path fill="#818cf8" d="M28 8c0-1-3-4-10-4S8 7 8 8c0 .807 4.548 1.612 6.311 1.894C14.999 12.548 15 18 15 18c.805-3.218.315-7.079.093-8.467C15.295 8.942 15.941 8 18 8c3 0 3 2 3 2h.002c-.234 1.657-.566 5.089.162 8c0 0 .002-5.491.697-8.134C23.727 9.562 28 8.782 28 8"/><path fill="#818cf8" d="M14 20c0-1 2-3 4-3s4 2 4 3s-1 1-4 1s-4 0-4-1m-2 4s2-2 6-2s6 2 6 2s-2-1-6-1s-6 1-6 1m0 2c0-1 2-2 6-2s6 1 6 2s-1 1-6 1s-6 0-6-1"/></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. MoaiIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.