Home/Libraries/OpenMoji (Iconify)/trophy

OpenMoji (Iconify)

Trophy

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#fcea2b" d="m41.585 12.081l-21.34-.106c.072.332 2.183 8.799 3.943 17.603c.112.562.24 1.1.373 1.616c.04.154.084.3.126.451a22 22 0 0 0 .476 1.517q.183.511.383.99l.147.35c.183.413.376.81.582 1.183l.01.019q.33.597.721 1.157l.025.034q.347.49.744.939l.128.139q.354.387.747.735q.063.057.127.112a10.75 10.75 0 0 0 7.264 2.4c.986.003 1.968-.1 2.931-.308c4.414-10.13 4.32-19.57 2.613-28.831"/><path fill="#f1b31c" d="M41.585 12.081c.609 9.438 1.895 17.5-3.112 29.828c4.706-1.027 8.576-5.732 9.922-12.46c1.457-7.282 3.119-16.638 3.194-16.976z"/><path fill="#fcea2b" d="M31.421 51.333h-3.87V58.5h10.957v-7.167z"/><path fill="#f1b31c" d="M43.883 51.333h-5.375V58.5h5.375z"/><circle cx="36.037" cy="24.581" r="4" fill="#f1b31c"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M52.219 11.832c.158 0 .275.145.239.298c-.206.877-.943 4.293-3.588 17.516c-1.588 7.942-5.5 12.572-12.833 12.572s-11.245-4.5-12.833-12.443c-2.414-11.85-3.667-17.943-3.667-17.943zM23.044 31.479s.08-.261-5.42-3.928c-2.529-1.683-5.46-3.9-5.46-6.943s2.5-5.11 5.54-5.11h1.512m29.495 16.268s.08-.261 5.58-3.928c2.527-1.683 5.54-3.9 5.54-6.943a5.146 5.146 0 0 0-5.46-5.11h-2.155M26.55 50.332h18.333v9.167H26.55z"/><circle cx="36.037" cy="24.581" r="5"/><path d="M36.037 50.332v-8.114"/></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. TrophyIcon.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-SA-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.