trophy icon
trophy-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- trophy-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
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.ggtrophyHeroIconstrophyHuge IconstrophyIconParktrophyIconPark OutlinetrophyIconPark SolidtrophyIconPark TwoTonetrophyIconoir
Use the trophy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.398 4.752A2 2 0 0 1 7.383 3h9.234a2 2 0 0 1 1.985 1.752L18.758 6h.668a2.29 2.29 0 0 1 2.246 2.74l-.201 1.005a4.05 4.05 0 0 1-2.972 3.13a7.18 7.18 0 0 1-5.5 4.056V19h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2.069a7.18 7.18 0 0 1-5.498-4.056a4.05 4.05 0 0 1-2.972-3.13l-.201-1.006A2.29 2.29 0 0 1 4.574 6h.668zM19.124 8.93L19.008 8h.418a.29.29 0 0 1 .285.347l-.201 1.005a2 2 0 0 1-.336.78a7 7 0 0 0-.05-1.202M4.992 8h-.418a.29.29 0 0 0-.285.347l.201 1.005c.058.289.174.553.336.78q-.025-.592.05-1.202z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteTrophyFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M5.398 4.752A2 2 0 0 1 7.383 3h9.234a2 2 0 0 1 1.985 1.752L18.758 6h.668a2.29 2.29 0 0 1 2.246 2.74l-.201 1.005a4.05 4.05 0 0 1-2.972 3.13a7.18 7.18 0 0 1-5.5 4.056V19h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2.069a7.18 7.18 0 0 1-5.498-4.056a4.05 4.05 0 0 1-2.972-3.13l-.201-1.006A2.29 2.29 0 0 1 4.574 6h.668zM19.124 8.93L19.008 8h.418a.29.29 0 0 1 .285.347l-.201 1.005a2 2 0 0 1-.336.78a7 7 0 0 0-.05-1.202M4.992 8h-.418a.29.29 0 0 0-.285.347l.201 1.005c.058.289.174.553.336.78q-.025-.592.05-1.202z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.398 4.752A2 2 0 0 1 7.383 3h9.234a2 2 0 0 1 1.985 1.752L18.758 6h.668a2.29 2.29 0 0 1 2.246 2.74l-.201 1.005a4.05 4.05 0 0 1-2.972 3.13a7.18 7.18 0 0 1-5.5 4.056V19h3a1 1 0 1 1 0 2H8a1 1 0 1 1 0-2h3v-2.069a7.18 7.18 0 0 1-5.498-4.056a4.05 4.05 0 0 1-2.972-3.13l-.201-1.006A2.29 2.29 0 0 1 4.574 6h.668zM19.124 8.93L19.008 8h.418a.29.29 0 0 1 .285.347l-.201 1.005a2 2 0 0 1-.336.78a7 7 0 0 0-.05-1.202M4.992 8h-.418a.29.29 0 0 0-.285.347l.201 1.005c.058.289.174.553.336.78q-.025-.592.05-1.202z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-trophy-fill {
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%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.398%204.752A2%202%200%200%201%207.383%203h9.234a2%202%200%200%201%201.985%201.752L18.758%206h.668a2.29%202.29%200%200%201%202.246%202.74l-.201%201.005a4.05%204.05%200%200%201-2.972%203.13a7.18%207.18%200%200%201-5.5%204.056V19h3a1%201%200%201%201%200%202H8a1%201%200%201%201%200-2h3v-2.069a7.18%207.18%200%200%201-5.498-4.056a4.05%204.05%200%200%201-2.972-3.13l-.201-1.006A2.29%202.29%200%200%201%204.574%206h.668zM19.124%208.93L19.008%208h.418a.29.29%200%200%201%20.285.347l-.201%201.005a2%202%200%200%201-.336.78a7%207%200%200%200-.05-1.202M4.992%208h-.418a.29.29%200%200%200-.285.347l.201%201.005c.058.289.174.553.336.78q-.025-.592.05-1.202z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.398%204.752A2%202%200%200%201%207.383%203h9.234a2%202%200%200%201%201.985%201.752L18.758%206h.668a2.29%202.29%200%200%201%202.246%202.74l-.201%201.005a4.05%204.05%200%200%201-2.972%203.13a7.18%207.18%200%200%201-5.5%204.056V19h3a1%201%200%201%201%200%202H8a1%201%200%201%201%200-2h3v-2.069a7.18%207.18%200%200%201-5.498-4.056a4.05%204.05%200%200%201-2.972-3.13l-.201-1.006A2.29%202.29%200%200%201%204.574%206h.668zM19.124%208.93L19.008%208h.418a.29.29%200%200%201%20.285.347l-.201%201.005a2%202%200%200%201-.336.78a7%207%200%200%200-.05-1.202M4.992%208h-.418a.29.29%200%200%200-.285.347l.201%201.005c.058.289.174.553.336.78q-.025-.592.05-1.202z%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/mingcute/trophy-fill.svg?color=%231a73e8&size=48
