trophy icon
trophy from HeroIcons by Refactoring UI Inc · Outline 24x24 · MIT Free for personal and commercial use.
- Name
- trophy
- Set
- HeroIcons
- Style
- Outline 24x24
- Viewbox
- 24×24
- License
- MIT
3 other variants in HeroIcons
The same icon in other sets
trophyAkar Iconstrophy-filledAnt Design IconstrophyBootstrap IconstrophyBoxIcons v2trophyBoxIcons v2 SolidtrophyCarbontrophyEmoji One (Colored)trophyElement PlustrophyFont Awesome 6 SolidtrophyFont Awesome Solidtrophy-16-filledFluent UI System Iconstrophy-16Fluent UI System Color IconstrophyFluent EmojitrophyFluent Emoji FlattrophyFluent Emoji High ContrasttrophyFirefox OS Emojitrophycss.ggtrophyHuge IconstrophyIconParktrophyIconPark OutlinetrophyIconPark SolidtrophyIconPark TwoTonetrophyIconoirtrophyIonIcons
Use the trophy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.45 7.45 0 0 1-.982-3.172M9.497 14.25a7.45 7.45 0 0 0 .981-3.172M5.25 4.236q-1.473.215-2.916.52A6 6 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25s4.545.16 6.75.47v1.516M7.73 9.728a6.7 6.7 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46 46 0 0 1 2.916.52a6 6 0 0 1-5.395 4.972m0 0a6.7 6.7 0 0 1-2.749 1.35m0 0a6.8 6.8 0 0 1-3.044 0"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsTrophy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.45 7.45 0 0 1-.982-3.172M9.497 14.25a7.45 7.45 0 0 0 .981-3.172M5.25 4.236q-1.473.215-2.916.52A6 6 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25s4.545.16 6.75.47v1.516M7.73 9.728a6.7 6.7 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46 46 0 0 1 2.916.52a6 6 0 0 1-5.395 4.972m0 0a6.7 6.7 0 0 1-2.749 1.35m0 0a6.8 6.8 0 0 1-3.044 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16.5 18.75h-9m9 0a3 3 0 0 1 3 3h-15a3 3 0 0 1 3-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.45 7.45 0 0 1-.982-3.172M9.497 14.25a7.45 7.45 0 0 0 .981-3.172M5.25 4.236q-1.473.215-2.916.52A6 6 0 0 0 7.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25s4.545.16 6.75.47v1.516M7.73 9.728a6.7 6.7 0 0 0 2.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46 46 0 0 1 2.916.52a6 6 0 0 1-5.395 4.972m0 0a6.7 6.7 0 0 1-2.749 1.35m0 0a6.8 6.8 0 0 1-3.044 0"/></svg> </template>
CSS
.icon-trophy {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16.5%2018.75h-9m9%200a3%203%200%200%201%203%203h-15a3%203%200%200%201%203-3m9%200v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5%2018.75v-3.375c0-.621.504-1.125%201.125-1.125h.872m5.007%200H9.497m5.007%200a7.45%207.45%200%200%201-.982-3.172M9.497%2014.25a7.45%207.45%200%200%200%20.981-3.172M5.25%204.236q-1.473.215-2.916.52A6%206%200%200%200%207.73%209.728M5.25%204.236V4.5c0%202.108.966%203.99%202.48%205.228M5.25%204.236V2.721C7.456%202.41%209.71%202.25%2012%202.25s4.545.16%206.75.47v1.516M7.73%209.728a6.7%206.7%200%200%200%202.748%201.35m8.272-6.842V4.5c0%202.108-.966%203.99-2.48%205.228m2.48-5.492a46%2046%200%200%201%202.916.52a6%206%200%200%201-5.395%204.972m0%200a6.7%206.7%200%200%201-2.749%201.35m0%200a6.8%206.8%200%200%201-3.044%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M16.5%2018.75h-9m9%200a3%203%200%200%201%203%203h-15a3%203%200%200%201%203-3m9%200v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5%2018.75v-3.375c0-.621.504-1.125%201.125-1.125h.872m5.007%200H9.497m5.007%200a7.45%207.45%200%200%201-.982-3.172M9.497%2014.25a7.45%207.45%200%200%200%20.981-3.172M5.25%204.236q-1.473.215-2.916.52A6%206%200%200%200%207.73%209.728M5.25%204.236V4.5c0%202.108.966%203.99%202.48%205.228M5.25%204.236V2.721C7.456%202.41%209.71%202.25%2012%202.25s4.545.16%206.75.47v1.516M7.73%209.728a6.7%206.7%200%200%200%202.748%201.35m8.272-6.842V4.5c0%202.108-.966%203.99-2.48%205.228m2.48-5.492a46%2046%200%200%201%202.916.52a6%206%200%200%201-5.395%204.972m0%200a6.7%206.7%200%200%201-2.749%201.35m0%200a6.8%206.8%200%200%201-3.044%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/trophy.svg?color=%231a73e8&size=48
