trophy icon
trophy from Font Awesome Solid by Dave Gandy · Solid · Interfaces · CC-BY-4.0 Attribution required.
- Name
- trophy
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Interfaces
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
trophyAkar Iconstrophy-filledAnt Design IconstrophyBootstrap IconstrophyBoxIcons v2trophyBoxIcons v2 SolidtrophyCarbontrophyEmoji One (Colored)trophyElement PlustrophyFont Awesome 6 Solidtrophy-16-filledFluent UI System Iconstrophy-16Fluent UI System Color IconstrophyFluent EmojitrophyFluent Emoji FlattrophyFluent Emoji High ContrasttrophyFirefox OS Emojitrophycss.ggtrophyHeroIconstrophyHuge IconstrophyIconParktrophyIconPark OutlinetrophyIconPark SolidtrophyIconPark TwoTonetrophyIconoirtrophyIonIcons
More interfaces icons from Font Awesome Solid
Use the trophy icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208.3 64h224c26.5 0 48.1 21.8 47.1 48.2c-.2 5.3-.4 10.6-.7 15.8h49.6c26.1 0 49.1 21.6 47.1 49.8c-7.5 103.7-60.5 160.7-118 190.5c-15.8 8.2-31.9 14.3-47.2 18.8c-20.2 28.6-41.2 43.7-57.9 51.8V512h64c17.7 0 32 14.3 32 32s-14.3 32-32 32h-192c-17.7 0-32-14.3-32-32s14.3-32 32-32h64v-73.1c-16-7.7-35.9-22-55.3-48.3c-18.4-4.8-38.4-12.1-57.9-23.1C121 337.2 72.2 280.1 65.2 177.6c-1.9-28.1 21-49.7 47.1-49.7h49.6c-.3-5.2-.5-10.4-.7-15.8c-1-26.5 20.6-48.2 47.1-48.2zm-42.8 112h-52.4c6.2 84.7 45.1 127.1 85.2 149.6c-14.4-37.3-26.3-86-32.8-149.6M444 320.8c40.5-23.8 77.1-66.1 83.3-144.8H475c-6.2 60.9-17.4 108.2-31 144.8"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidTrophy(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208.3 64h224c26.5 0 48.1 21.8 47.1 48.2c-.2 5.3-.4 10.6-.7 15.8h49.6c26.1 0 49.1 21.6 47.1 49.8c-7.5 103.7-60.5 160.7-118 190.5c-15.8 8.2-31.9 14.3-47.2 18.8c-20.2 28.6-41.2 43.7-57.9 51.8V512h64c17.7 0 32 14.3 32 32s-14.3 32-32 32h-192c-17.7 0-32-14.3-32-32s14.3-32 32-32h64v-73.1c-16-7.7-35.9-22-55.3-48.3c-18.4-4.8-38.4-12.1-57.9-23.1C121 337.2 72.2 280.1 65.2 177.6c-1.9-28.1 21-49.7 47.1-49.7h49.6c-.3-5.2-.5-10.4-.7-15.8c-1-26.5 20.6-48.2 47.1-48.2zm-42.8 112h-52.4c6.2 84.7 45.1 127.1 85.2 149.6c-14.4-37.3-26.3-86-32.8-149.6M444 320.8c40.5-23.8 77.1-66.1 83.3-144.8H475c-6.2 60.9-17.4 108.2-31 144.8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208.3 64h224c26.5 0 48.1 21.8 47.1 48.2c-.2 5.3-.4 10.6-.7 15.8h49.6c26.1 0 49.1 21.6 47.1 49.8c-7.5 103.7-60.5 160.7-118 190.5c-15.8 8.2-31.9 14.3-47.2 18.8c-20.2 28.6-41.2 43.7-57.9 51.8V512h64c17.7 0 32 14.3 32 32s-14.3 32-32 32h-192c-17.7 0-32-14.3-32-32s14.3-32 32-32h64v-73.1c-16-7.7-35.9-22-55.3-48.3c-18.4-4.8-38.4-12.1-57.9-23.1C121 337.2 72.2 280.1 65.2 177.6c-1.9-28.1 21-49.7 47.1-49.7h49.6c-.3-5.2-.5-10.4-.7-15.8c-1-26.5 20.6-48.2 47.1-48.2zm-42.8 112h-52.4c6.2 84.7 45.1 127.1 85.2 149.6c-14.4-37.3-26.3-86-32.8-149.6M444 320.8c40.5-23.8 77.1-66.1 83.3-144.8H475c-6.2 60.9-17.4 108.2-31 144.8"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208.3%2064h224c26.5%200%2048.1%2021.8%2047.1%2048.2c-.2%205.3-.4%2010.6-.7%2015.8h49.6c26.1%200%2049.1%2021.6%2047.1%2049.8c-7.5%20103.7-60.5%20160.7-118%20190.5c-15.8%208.2-31.9%2014.3-47.2%2018.8c-20.2%2028.6-41.2%2043.7-57.9%2051.8V512h64c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-192c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64v-73.1c-16-7.7-35.9-22-55.3-48.3c-18.4-4.8-38.4-12.1-57.9-23.1C121%20337.2%2072.2%20280.1%2065.2%20177.6c-1.9-28.1%2021-49.7%2047.1-49.7h49.6c-.3-5.2-.5-10.4-.7-15.8c-1-26.5%2020.6-48.2%2047.1-48.2zm-42.8%20112h-52.4c6.2%2084.7%2045.1%20127.1%2085.2%20149.6c-14.4-37.3-26.3-86-32.8-149.6M444%20320.8c40.5-23.8%2077.1-66.1%2083.3-144.8H475c-6.2%2060.9-17.4%20108.2-31%20144.8%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208.3%2064h224c26.5%200%2048.1%2021.8%2047.1%2048.2c-.2%205.3-.4%2010.6-.7%2015.8h49.6c26.1%200%2049.1%2021.6%2047.1%2049.8c-7.5%20103.7-60.5%20160.7-118%20190.5c-15.8%208.2-31.9%2014.3-47.2%2018.8c-20.2%2028.6-41.2%2043.7-57.9%2051.8V512h64c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-192c-17.7%200-32-14.3-32-32s14.3-32%2032-32h64v-73.1c-16-7.7-35.9-22-55.3-48.3c-18.4-4.8-38.4-12.1-57.9-23.1C121%20337.2%2072.2%20280.1%2065.2%20177.6c-1.9-28.1%2021-49.7%2047.1-49.7h49.6c-.3-5.2-.5-10.4-.7-15.8c-1-26.5%2020.6-48.2%2047.1-48.2zm-42.8%20112h-52.4c6.2%2084.7%2045.1%20127.1%2085.2%20149.6c-14.4-37.3-26.3-86-32.8-149.6M444%20320.8c40.5-23.8%2077.1-66.1%2083.3-144.8H475c-6.2%2060.9-17.4%20108.2-31%20144.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/trophy.svg?color=%231a73e8&size=48
