medal icon
medal from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- medal
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
1 other variant in Jam Icons
The same icon in other sets
medalBoxIcons v2medalBoxIcons v2 SolidmedalElement PlusmedalFont Awesome 6 SolidmedalFont Awesome Solidmedal-16-filledFluent UI System IconsmedalIconoirmedalIonIconsmedalLine AwesomemedalLucidemedalMaterial Design Iconsmedal-fillMingCute IconmedalPhosphormedal-fillRemix IconmedalTabler IconsmedalUnicons
Use the medal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="m4 14.517l-.612-1.258a1 1 0 0 0-.43-.447l-2-1.06a1 1 0 0 1-.485-1.181l.71-2.273a1 1 0 0 0 0-.596l-.71-2.273a1 1 0 0 1 .486-1.182l1.999-1.06a1 1 0 0 0 .43-.446L4.393.674A1 1 0 0 1 5.615.165l2.062.703a1 1 0 0 0 .646 0l2.062-.703a1 1 0 0 1 1.222.51l1.005 2.066a1 1 0 0 0 .43.447l2 1.06a1 1 0 0 1 .485 1.181l-.71 2.273a1 1 0 0 0 0 .596l.71 2.273a1 1 0 0 1-.486 1.182l-1.999 1.06a1 1 0 0 0-.43.446L12 14.517v6.879l-4-1.358l-4 1.358zm2 1.187v2.9l2-.679l2 .68v-2.901l-1.677-.572a1 1 0 0 0-.646 0zm4.813-3.32a3 3 0 0 1 1.293-1.339l1.264-.67l-.462-1.48a3 3 0 0 1 0-1.79l.462-1.48l-1.264-.67a3 3 0 0 1-1.293-1.34l-.619-1.272l-1.226.418a3 3 0 0 1-1.936 0l-1.226-.418l-.619 1.273a3 3 0 0 1-1.293 1.339l-1.264.67l.462 1.48a3 3 0 0 1 0 1.79l-.462 1.48l1.264.67a3 3 0 0 1 1.293 1.34l.619 1.272l1.226-.418a3 3 0 0 1 1.936 0l1.226.418zM8 5a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"/></svg>
React
import type { SVGProps } from "react";
export function JamMedal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="m4 14.517l-.612-1.258a1 1 0 0 0-.43-.447l-2-1.06a1 1 0 0 1-.485-1.181l.71-2.273a1 1 0 0 0 0-.596l-.71-2.273a1 1 0 0 1 .486-1.182l1.999-1.06a1 1 0 0 0 .43-.446L4.393.674A1 1 0 0 1 5.615.165l2.062.703a1 1 0 0 0 .646 0l2.062-.703a1 1 0 0 1 1.222.51l1.005 2.066a1 1 0 0 0 .43.447l2 1.06a1 1 0 0 1 .485 1.181l-.71 2.273a1 1 0 0 0 0 .596l.71 2.273a1 1 0 0 1-.486 1.182l-1.999 1.06a1 1 0 0 0-.43.446L12 14.517v6.879l-4-1.358l-4 1.358zm2 1.187v2.9l2-.679l2 .68v-2.901l-1.677-.572a1 1 0 0 0-.646 0zm4.813-3.32a3 3 0 0 1 1.293-1.339l1.264-.67l-.462-1.48a3 3 0 0 1 0-1.79l.462-1.48l-1.264-.67a3 3 0 0 1-1.293-1.34l-.619-1.272l-1.226.418a3 3 0 0 1-1.936 0l-1.226-.418l-.619 1.273a3 3 0 0 1-1.293 1.339l-1.264.67l.462 1.48a3 3 0 0 1 0 1.79l-.462 1.48l1.264.67a3 3 0 0 1 1.293 1.34l.619 1.272l1.226-.418a3 3 0 0 1 1.936 0l1.226.418zM8 5a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-4 -1 24 24"><path fill="currentColor" d="m4 14.517l-.612-1.258a1 1 0 0 0-.43-.447l-2-1.06a1 1 0 0 1-.485-1.181l.71-2.273a1 1 0 0 0 0-.596l-.71-2.273a1 1 0 0 1 .486-1.182l1.999-1.06a1 1 0 0 0 .43-.446L4.393.674A1 1 0 0 1 5.615.165l2.062.703a1 1 0 0 0 .646 0l2.062-.703a1 1 0 0 1 1.222.51l1.005 2.066a1 1 0 0 0 .43.447l2 1.06a1 1 0 0 1 .485 1.181l-.71 2.273a1 1 0 0 0 0 .596l.71 2.273a1 1 0 0 1-.486 1.182l-1.999 1.06a1 1 0 0 0-.43.446L12 14.517v6.879l-4-1.358l-4 1.358zm2 1.187v2.9l2-.679l2 .68v-2.901l-1.677-.572a1 1 0 0 0-.646 0zm4.813-3.32a3 3 0 0 1 1.293-1.339l1.264-.67l-.462-1.48a3 3 0 0 1 0-1.79l.462-1.48l-1.264-.67a3 3 0 0 1-1.293-1.34l-.619-1.272l-1.226.418a3 3 0 0 1-1.936 0l-1.226-.418l-.619 1.273a3 3 0 0 1-1.293 1.339l-1.264.67l.462 1.48a3 3 0 0 1 0 1.79l-.462 1.48l1.264.67a3 3 0 0 1 1.293 1.34l.619 1.272l1.226-.418a3 3 0 0 1 1.936 0l1.226.418zM8 5a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V6a1 1 0 0 1 1-1"/></svg> </template>
CSS
.icon-medal {
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%22-4%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4%2014.517l-.612-1.258a1%201%200%200%200-.43-.447l-2-1.06a1%201%200%200%201-.485-1.181l.71-2.273a1%201%200%200%200%200-.596l-.71-2.273a1%201%200%200%201%20.486-1.182l1.999-1.06a1%201%200%200%200%20.43-.446L4.393.674A1%201%200%200%201%205.615.165l2.062.703a1%201%200%200%200%20.646%200l2.062-.703a1%201%200%200%201%201.222.51l1.005%202.066a1%201%200%200%200%20.43.447l2%201.06a1%201%200%200%201%20.485%201.181l-.71%202.273a1%201%200%200%200%200%20.596l.71%202.273a1%201%200%200%201-.486%201.182l-1.999%201.06a1%201%200%200%200-.43.446L12%2014.517v6.879l-4-1.358l-4%201.358zm2%201.187v2.9l2-.679l2%20.68v-2.901l-1.677-.572a1%201%200%200%200-.646%200zm4.813-3.32a3%203%200%200%201%201.293-1.339l1.264-.67l-.462-1.48a3%203%200%200%201%200-1.79l.462-1.48l-1.264-.67a3%203%200%200%201-1.293-1.34l-.619-1.272l-1.226.418a3%203%200%200%201-1.936%200l-1.226-.418l-.619%201.273a3%203%200%200%201-1.293%201.339l-1.264.67l.462%201.48a3%203%200%200%201%200%201.79l-.462%201.48l1.264.67a3%203%200%200%201%201.293%201.34l.619%201.272l1.226-.418a3%203%200%200%201%201.936%200l1.226.418zM8%205a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V6a1%201%200%200%201%201-1%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%22-4%20-1%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m4%2014.517l-.612-1.258a1%201%200%200%200-.43-.447l-2-1.06a1%201%200%200%201-.485-1.181l.71-2.273a1%201%200%200%200%200-.596l-.71-2.273a1%201%200%200%201%20.486-1.182l1.999-1.06a1%201%200%200%200%20.43-.446L4.393.674A1%201%200%200%201%205.615.165l2.062.703a1%201%200%200%200%20.646%200l2.062-.703a1%201%200%200%201%201.222.51l1.005%202.066a1%201%200%200%200%20.43.447l2%201.06a1%201%200%200%201%20.485%201.181l-.71%202.273a1%201%200%200%200%200%20.596l.71%202.273a1%201%200%200%201-.486%201.182l-1.999%201.06a1%201%200%200%200-.43.446L12%2014.517v6.879l-4-1.358l-4%201.358zm2%201.187v2.9l2-.679l2%20.68v-2.901l-1.677-.572a1%201%200%200%200-.646%200zm4.813-3.32a3%203%200%200%201%201.293-1.339l1.264-.67l-.462-1.48a3%203%200%200%201%200-1.79l.462-1.48l-1.264-.67a3%203%200%200%201-1.293-1.34l-.619-1.272l-1.226.418a3%203%200%200%201-1.936%200l-1.226-.418l-.619%201.273a3%203%200%200%201-1.293%201.339l-1.264.67l.462%201.48a3%203%200%200%201%200%201.79l-.462%201.48l1.264.67a3%203%200%200%201%201.293%201.34l.619%201.272l1.226-.418a3%203%200%200%201%201.936%200l1.226.418zM8%205a1%201%200%200%201%201%201v4a1%201%200%200%201-2%200V6a1%201%200%200%201%201-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/medal.svg?color=%231a73e8&size=48
