Home/Libraries/Firefox OS Emoji (Iconify)/triumph

Firefox OS Emoji (Iconify)

Triumph

License: Apache-2.0Commercial 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 512 512"><path fill="#818cf8" d="M255.9 28.5C134 28.5 35.2 127.3 35.2 249.2c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#818cf8" d="M476.2 259c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#818cf8" d="M347 163.4c-2 0-4-.8-5.5-2.3c-3-3-2.9-7.9.1-10.9c15.4-15 39.6-17.3 57.5-5.5c3.5 2.3 4.5 7.1 2.2 10.7c-2.3 3.5-7.1 4.5-10.7 2.2c-11.9-7.8-28-6.3-38.3 3.7c-1.5 1.4-3.4 2.1-5.3 2.1m-180.1 2.2c-2.1 0-4.3-.9-5.8-2.6c-9.9-11.3-27.4-13.8-40-5.5c-3.5 2.3-8.3 1.4-10.7-2.2c-2.3-3.5-1.4-8.3 2.2-10.7c19.2-12.6 45-9.1 60 8.3c2.8 3.2 2.5 8.1-.7 10.9c-1.4 1.2-3.2 1.8-5 1.8"/><path fill="#818cf8" d="M311.3 336.9c-.9 0-1.9-.1-2.9-.4c-32.9-9.6-72.3-9.6-105.3 0c-5.4 1.6-11-1.5-12.6-6.9s1.5-11 6.9-12.6c36.5-10.7 80.1-10.7 116.6 0c5.4 1.6 8.5 7.2 6.9 12.6c-1.1 4.4-5.2 7.3-9.6 7.3m86-131.3c-4.3-3.8-10.8-3.4-14.6.9c-4.1 4.7-10.1 7.3-16.4 7.3s-12.2-2.7-16.4-7.3c-3.8-4.3-10.3-4.7-14.6-.9c-3.4 3-4.2 7.8-2.5 11.8c.1.9.3 1.9.7 2.8c6.1 13.8 18.7 22.4 32.7 22.4s26.6-8.6 32.7-22.4c.4-.9.6-1.8.7-2.8c1.9-4 1.1-8.8-2.3-11.8m-221 0c-4.3-3.8-10.8-3.4-14.6.9c-4.1 4.7-10.1 7.3-16.4 7.3s-12.2-2.7-16.4-7.3c-3.8-4.3-10.3-4.7-14.6-.9c-3.4 3-4.2 7.8-2.5 11.8c.1.9.3 1.9.7 2.8c6.1 13.8 18.7 22.4 32.7 22.4s26.6-8.6 32.7-22.4c.4-.9.6-1.8.7-2.8c2-4 1.2-8.8-2.3-11.8"/><path fill="#818cf8" d="M443.2 412.7c18.8-18.8 18.8-49.2 0-68s-49.2-18.8-68 0c-1.5 1.5-2.7 3.1-3.9 4.7l-86.1-74.2c-5.4-3.7-9.4.1-6.6 6.1l40.6 132.5c-11.6 14.9-10.8 36.5 3 50.2c13.2 13.2 33.5 14.6 48.4 4.5c.2.2.3.4.5.6c17.1 17.1 44.9 17.1 62.1 0c14.4-14.4 16.6-36.4 6.7-53.2c1-1 2.2-2 3.3-3.2M228.4 274.3l-100.5 86c-10.9-9.7-27.6-9.4-38.1 1.1c-10.4 10.4-10.7 27-1.2 37.9c-4.9-1.3-10.2-.1-14 3.7c-5.7 5.7-5.7 14.9 0 20.6c2.5 2.5 5.7 3.8 9 4.1c-5.3 12.7-2.8 27.8 7.5 38.1c13.6 13.6 35.8 13.6 49.4 0c3.2-3.3 5.7-7 7.4-11c1 1.3 1.9 2.6 3.1 3.8c11.9 11.9 31.2 11.9 43.1 0c10.6-10.6 11.7-27.2 3.3-39.1c3.6-.1 7.1-1.5 9.8-4.2c5.7-5.7 5.7-14.9 0-20.6c-1.9-1.9-4.2-3.1-6.6-3.7l34.1-111.1c2.7-8.7-.5-10.8-6.3-5.6"/></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. TriumphIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.