Home/Libraries/Cuida Icons (Iconify)/trophy-outline

Cuida Icons (Iconify)

TrophyOutline

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M14.8 20a.2.2 0 0 0 .2-.2a.797.797 0 0 0-.8-.8H9.8a.8.8 0 0 0-.8.8c0 .11.09.2.2.2zm-5-3h4.4a2.8 2.8 0 0 1 2.8 2.8a2.2 2.2 0 0 1-2.2 2.2H9.2A2.2 2.2 0 0 1 7 19.8A2.8 2.8 0 0 1 9.8 17m3.2-3v3h-2v-3z" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M9.656 4.003a4.8 4.8 0 0 0-1.886.304c-.436.169-.77.722-.77 1.68V9.43c0 1.295.755 2.426 1.86 3.279C9.986 13.575 11.277 14 12 14v2c-1.276 0-2.985-.646-4.36-1.708C6.244 13.217 5 11.563 5 9.43V5.986c0-1.238.436-2.92 2.048-3.544a6.8 6.8 0 0 1 2.68-.437z" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M14.457 4c.718 0 1.339.138 1.821.326c.403.157.722.673.722 1.602v3.5c0 1.298-.757 2.432-1.84 3.287c-1.107.876-2.334 1.285-2.918 1.285v2c1.174 0 2.826-.662 4.158-1.716C17.757 13.212 19 11.56 19 9.43v-3.5c0-1.201-.414-2.85-1.995-3.466A7 7 0 0 0 14.457 2H9.5v2zM2.082 7.036c.381-1.716 2.003-2.8 3.922-2.48a1 1 0 1 1-.328 1.973c-.947-.158-1.507.335-1.642.94c-.14.629.114 1.79 1.79 2.896c.167.11.398.178.676.178a1 1 0 1 1 0 2c-.588 0-1.222-.142-1.778-.509c-2.12-1.399-3.016-3.305-2.64-4.998" clip-rule="evenodd"/><path fill="#818cf8" fill-rule="evenodd" d="M21.918 7.036c-.381-1.716-2.003-2.8-3.922-2.48a1 1 0 0 0 .328 1.973c.947-.158 1.507.335 1.642.94c.14.629-.114 1.79-1.79 2.896c-.167.11-.398.178-.676.178a1 1 0 1 0 0 2c.588 0 1.222-.142 1.777-.509c2.12-1.399 3.017-3.305 2.64-4.998ZM6 21a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1" clip-rule="evenodd"/></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. TrophyOutlineIcon.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.