medal icon
medal-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- medal-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Use the medal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.049 2c.987 0 1.92.449 2.537 1.22l.702.878a3.25 3.25 0 0 1 .166 3.83l-4.25 6.367a5 5 0 1 1-8.41 0L3.55 7.929a3.25 3.25 0 0 1 .164-3.831l.7-.876A3.25 3.25 0 0 1 6.953 2zM12 13.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M6.014 3.774a1.8 1.8 0 0 0-.428.384l-.7.876a1.75 1.75 0 0 0-.088 2.063l4.026 6.04a5 5 0 0 1 2.173-1.037L6.336 5.107a2 2 0 0 1-.322-1.333M17.997 4c0 .395-.117.78-.336 1.108L13 12.1a5 5 0 0 1 2.174 1.037l4.032-6.041a1.75 1.75 0 0 0-.089-2.062l-.702-.877a1.8 1.8 0 0 0-.433-.386q.014.112.015.228M9.733 7.5l2.265 3.398L14.264 7.5zM8 3.5a.5.5 0 0 0-.415.775L8.734 6h6.529l1.15-1.725a.498.498 0 0 0-.415-.775z"/></svg>
React
import type { SVGProps } from "react";
export function FluentMedal24Regular(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" d="M17.049 2c.987 0 1.92.449 2.537 1.22l.702.878a3.25 3.25 0 0 1 .166 3.83l-4.25 6.367a5 5 0 1 1-8.41 0L3.55 7.929a3.25 3.25 0 0 1 .164-3.831l.7-.876A3.25 3.25 0 0 1 6.953 2zM12 13.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M6.014 3.774a1.8 1.8 0 0 0-.428.384l-.7.876a1.75 1.75 0 0 0-.088 2.063l4.026 6.04a5 5 0 0 1 2.173-1.037L6.336 5.107a2 2 0 0 1-.322-1.333M17.997 4c0 .395-.117.78-.336 1.108L13 12.1a5 5 0 0 1 2.174 1.037l4.032-6.041a1.75 1.75 0 0 0-.089-2.062l-.702-.877a1.8 1.8 0 0 0-.433-.386q.014.112.015.228M9.733 7.5l2.265 3.398L14.264 7.5zM8 3.5a.5.5 0 0 0-.415.775L8.734 6h6.529l1.15-1.725a.498.498 0 0 0-.415-.775z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.049 2c.987 0 1.92.449 2.537 1.22l.702.878a3.25 3.25 0 0 1 .166 3.83l-4.25 6.367a5 5 0 1 1-8.41 0L3.55 7.929a3.25 3.25 0 0 1 .164-3.831l.7-.876A3.25 3.25 0 0 1 6.953 2zM12 13.5a3.5 3.5 0 1 0 0 7a3.5 3.5 0 0 0 0-7M6.014 3.774a1.8 1.8 0 0 0-.428.384l-.7.876a1.75 1.75 0 0 0-.088 2.063l4.026 6.04a5 5 0 0 1 2.173-1.037L6.336 5.107a2 2 0 0 1-.322-1.333M17.997 4c0 .395-.117.78-.336 1.108L13 12.1a5 5 0 0 1 2.174 1.037l4.032-6.041a1.75 1.75 0 0 0-.089-2.062l-.702-.877a1.8 1.8 0 0 0-.433-.386q.014.112.015.228M9.733 7.5l2.265 3.398L14.264 7.5zM8 3.5a.5.5 0 0 0-.415.775L8.734 6h6.529l1.15-1.725a.498.498 0 0 0-.415-.775z"/></svg> </template>
CSS
.icon-medal-24-regular {
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%20d%3D%22M17.049%202c.987%200%201.92.449%202.537%201.22l.702.878a3.25%203.25%200%200%201%20.166%203.83l-4.25%206.367a5%205%200%201%201-8.41%200L3.55%207.929a3.25%203.25%200%200%201%20.164-3.831l.7-.876A3.25%203.25%200%200%201%206.953%202zM12%2013.5a3.5%203.5%200%201%200%200%207a3.5%203.5%200%200%200%200-7M6.014%203.774a1.8%201.8%200%200%200-.428.384l-.7.876a1.75%201.75%200%200%200-.088%202.063l4.026%206.04a5%205%200%200%201%202.173-1.037L6.336%205.107a2%202%200%200%201-.322-1.333M17.997%204c0%20.395-.117.78-.336%201.108L13%2012.1a5%205%200%200%201%202.174%201.037l4.032-6.041a1.75%201.75%200%200%200-.089-2.062l-.702-.877a1.8%201.8%200%200%200-.433-.386q.014.112.015.228M9.733%207.5l2.265%203.398L14.264%207.5zM8%203.5a.5.5%200%200%200-.415.775L8.734%206h6.529l1.15-1.725a.498.498%200%200%200-.415-.775z%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%20d%3D%22M17.049%202c.987%200%201.92.449%202.537%201.22l.702.878a3.25%203.25%200%200%201%20.166%203.83l-4.25%206.367a5%205%200%201%201-8.41%200L3.55%207.929a3.25%203.25%200%200%201%20.164-3.831l.7-.876A3.25%203.25%200%200%201%206.953%202zM12%2013.5a3.5%203.5%200%201%200%200%207a3.5%203.5%200%200%200%200-7M6.014%203.774a1.8%201.8%200%200%200-.428.384l-.7.876a1.75%201.75%200%200%200-.088%202.063l4.026%206.04a5%205%200%200%201%202.173-1.037L6.336%205.107a2%202%200%200%201-.322-1.333M17.997%204c0%20.395-.117.78-.336%201.108L13%2012.1a5%205%200%200%201%202.174%201.037l4.032-6.041a1.75%201.75%200%200%200-.089-2.062l-.702-.877a1.8%201.8%200%200%200-.433-.386q.014.112.015.228M9.733%207.5l2.265%203.398L14.264%207.5zM8%203.5a.5.5%200%200%200-.415.775L8.734%206h6.529l1.15-1.725a.498.498%200%200%200-.415-.775z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/medal-24-regular.svg?color=%231a73e8&size=48
