trophy icon
trophy-16-solid from HeroIcons by Refactoring UI Inc · Solid 16x16 · MIT Free for personal and commercial use.
- Name
- trophy-16-solid
- Set
- HeroIcons
- Style
- Solid 16x16
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 1.69a.494.494 0 0 0-.438-.494a32.4 32.4 0 0 0-7.124 0A.494.494 0 0 0 4 1.689v.567q-1.216.157-2.403.406a.75.75 0 0 0-.595.714L1 3.5a4.5 4.5 0 0 0 4.351 4.498A4 4 0 0 0 7 8.874V10H6a1 1 0 0 0-1 1v2h-.667C3.597 13 3 13.597 3 14.333c0 .368.298.667.667.667h8.666a.667.667 0 0 0 .667-.667c0-.736-.597-1.333-1.333-1.333H11v-2a1 1 0 0 0-1-1H9V8.874a4 4 0 0 0 1.649-.876a4.5 4.5 0 0 0 4.35-4.622a.75.75 0 0 0-.596-.714A31 31 0 0 0 12 2.256zM4 3.768q-.735.1-1.458.235a3 3 0 0 0 1.64 2.192A4 4 0 0 1 4 5zm8 0q.735.1 1.458.235a3 3 0 0 1-1.64 2.192C11.936 5.818 12 5.416 12 5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HeroiconsTrophy16Solid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fillRule="evenodd" d="M12 1.69a.494.494 0 0 0-.438-.494a32.4 32.4 0 0 0-7.124 0A.494.494 0 0 0 4 1.689v.567q-1.216.157-2.403.406a.75.75 0 0 0-.595.714L1 3.5a4.5 4.5 0 0 0 4.351 4.498A4 4 0 0 0 7 8.874V10H6a1 1 0 0 0-1 1v2h-.667C3.597 13 3 13.597 3 14.333c0 .368.298.667.667.667h8.666a.667.667 0 0 0 .667-.667c0-.736-.597-1.333-1.333-1.333H11v-2a1 1 0 0 0-1-1H9V8.874a4 4 0 0 0 1.649-.876a4.5 4.5 0 0 0 4.35-4.622a.75.75 0 0 0-.596-.714A31 31 0 0 0 12 2.256zM4 3.768q-.735.1-1.458.235a3 3 0 0 0 1.64 2.192A4 4 0 0 1 4 5zm8 0q.735.1 1.458.235a3 3 0 0 1-1.64 2.192C11.936 5.818 12 5.416 12 5z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M12 1.69a.494.494 0 0 0-.438-.494a32.4 32.4 0 0 0-7.124 0A.494.494 0 0 0 4 1.689v.567q-1.216.157-2.403.406a.75.75 0 0 0-.595.714L1 3.5a4.5 4.5 0 0 0 4.351 4.498A4 4 0 0 0 7 8.874V10H6a1 1 0 0 0-1 1v2h-.667C3.597 13 3 13.597 3 14.333c0 .368.298.667.667.667h8.666a.667.667 0 0 0 .667-.667c0-.736-.597-1.333-1.333-1.333H11v-2a1 1 0 0 0-1-1H9V8.874a4 4 0 0 0 1.649-.876a4.5 4.5 0 0 0 4.35-4.622a.75.75 0 0 0-.596-.714A31 31 0 0 0 12 2.256zM4 3.768q-.735.1-1.458.235a3 3 0 0 0 1.64 2.192A4 4 0 0 1 4 5zm8 0q.735.1 1.458.235a3 3 0 0 1-1.64 2.192C11.936 5.818 12 5.416 12 5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-trophy-16-solid {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.69a.494.494%200%200%200-.438-.494a32.4%2032.4%200%200%200-7.124%200A.494.494%200%200%200%204%201.689v.567q-1.216.157-2.403.406a.75.75%200%200%200-.595.714L1%203.5a4.5%204.5%200%200%200%204.351%204.498A4%204%200%200%200%207%208.874V10H6a1%201%200%200%200-1%201v2h-.667C3.597%2013%203%2013.597%203%2014.333c0%20.368.298.667.667.667h8.666a.667.667%200%200%200%20.667-.667c0-.736-.597-1.333-1.333-1.333H11v-2a1%201%200%200%200-1-1H9V8.874a4%204%200%200%200%201.649-.876a4.5%204.5%200%200%200%204.35-4.622a.75.75%200%200%200-.596-.714A31%2031%200%200%200%2012%202.256zM4%203.768q-.735.1-1.458.235a3%203%200%200%200%201.64%202.192A4%204%200%200%201%204%205zm8%200q.735.1%201.458.235a3%203%200%200%201-1.64%202.192C11.936%205.818%2012%205.416%2012%205z%22%20clip-rule%3D%22evenodd%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.69a.494.494%200%200%200-.438-.494a32.4%2032.4%200%200%200-7.124%200A.494.494%200%200%200%204%201.689v.567q-1.216.157-2.403.406a.75.75%200%200%200-.595.714L1%203.5a4.5%204.5%200%200%200%204.351%204.498A4%204%200%200%200%207%208.874V10H6a1%201%200%200%200-1%201v2h-.667C3.597%2013%203%2013.597%203%2014.333c0%20.368.298.667.667.667h8.666a.667.667%200%200%200%20.667-.667c0-.736-.597-1.333-1.333-1.333H11v-2a1%201%200%200%200-1-1H9V8.874a4%204%200%200%200%201.649-.876a4.5%204.5%200%200%200%204.35-4.622a.75.75%200%200%200-.596-.714A31%2031%200%200%200%2012%202.256zM4%203.768q-.735.1-1.458.235a3%203%200%200%200%201.64%202.192A4%204%200%200%201%204%205zm8%200q.735.1%201.458.235a3%203%200%200%201-1.64%202.192C11.936%205.818%2012%205.416%2012%205z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/heroicons/trophy-16-solid.svg?color=%231a73e8&size=48
