The Tabler trophy icon depicts a classic trophy cup, commonly used in UI to represent achievement, success, winning, or a prize.
Common uses
- Indicating a completed goal or milestone.
- Highlighting a top-ranked item or user.
- Representing a reward or award system.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconTrophy } from '@tabler/icons-react';
<IconTrophy size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconTrophy size={24} stroke={2} />filled
<IconTrophyFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Sport
- Keywords
- successwinprizewinnertrophysportawardachievementchampionvictory
FAQ
- What does the trophy icon represent?
- It symbolizes achievement, success, winning, or a prize, often used to denote accomplishments or rewards.
- How do I use the trophy icon in React?
- Import it from '@tabler/icons-react' like this: import { IconTrophy } from '@tabler/icons-react'. Then use it as a component: <IconTrophy />.
- What is the license for the Tabler trophy icon?
- The Tabler icons, including the trophy icon, are distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →