medal icon
medal-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- medal-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
medalBoxIcons v2medalBoxIcons v2 SolidmedalElement PlusmedalFont Awesome 6 SolidmedalFont Awesome Solidmedal-16-filledFluent UI System IconsmedalIconoirmedalIonIconsmedalJam IconsmedalLine AwesomemedalLucidemedalMaterial Design Iconsmedal-fillMingCute Iconmedal-fillRemix IconmedalTabler IconsmedalUnicons
Related icons in Phosphor
Use the medal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 96a86 86 0 1 0-140 66.87V240a6 6 0 0 0 2.85 5.1a5.93 5.93 0 0 0 3.15.9a6 6 0 0 0 2.68-.63L128 222.71l45.33 22.66A6 6 0 0 0 182 240v-77.13A85.87 85.87 0 0 0 214 96M54 96a74 74 0 1 1 74 74a74.09 74.09 0 0 1-74-74m116 134.29l-39.33-19.66a6 6 0 0 0-5.36 0L86 230.29V171a85.75 85.75 0 0 0 84 0ZM128 150a54 54 0 1 0-54-54a54.06 54.06 0 0 0 54 54m0-96a42 42 0 1 1-42 42a42 42 0 0 1 42-42"/></svg>
React
import type { SVGProps } from "react";
export function PhMedalLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 96a86 86 0 1 0-140 66.87V240a6 6 0 0 0 2.85 5.1a5.93 5.93 0 0 0 3.15.9a6 6 0 0 0 2.68-.63L128 222.71l45.33 22.66A6 6 0 0 0 182 240v-77.13A85.87 85.87 0 0 0 214 96M54 96a74 74 0 1 1 74 74a74.09 74.09 0 0 1-74-74m116 134.29l-39.33-19.66a6 6 0 0 0-5.36 0L86 230.29V171a85.75 85.75 0 0 0 84 0ZM128 150a54 54 0 1 0-54-54a54.06 54.06 0 0 0 54 54m0-96a42 42 0 1 1-42 42a42 42 0 0 1 42-42"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M214 96a86 86 0 1 0-140 66.87V240a6 6 0 0 0 2.85 5.1a5.93 5.93 0 0 0 3.15.9a6 6 0 0 0 2.68-.63L128 222.71l45.33 22.66A6 6 0 0 0 182 240v-77.13A85.87 85.87 0 0 0 214 96M54 96a74 74 0 1 1 74 74a74.09 74.09 0 0 1-74-74m116 134.29l-39.33-19.66a6 6 0 0 0-5.36 0L86 230.29V171a85.75 85.75 0 0 0 84 0ZM128 150a54 54 0 1 0-54-54a54.06 54.06 0 0 0 54 54m0-96a42 42 0 1 1-42 42a42 42 0 0 1 42-42"/></svg> </template>
CSS
.icon-medal-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%2096a86%2086%200%201%200-140%2066.87V240a6%206%200%200%200%202.85%205.1a5.93%205.93%200%200%200%203.15.9a6%206%200%200%200%202.68-.63L128%20222.71l45.33%2022.66A6%206%200%200%200%20182%20240v-77.13A85.87%2085.87%200%200%200%20214%2096M54%2096a74%2074%200%201%201%2074%2074a74.09%2074.09%200%200%201-74-74m116%20134.29l-39.33-19.66a6%206%200%200%200-5.36%200L86%20230.29V171a85.75%2085.75%200%200%200%2084%200ZM128%20150a54%2054%200%201%200-54-54a54.06%2054.06%200%200%200%2054%2054m0-96a42%2042%200%201%201-42%2042a42%2042%200%200%201%2042-42%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M214%2096a86%2086%200%201%200-140%2066.87V240a6%206%200%200%200%202.85%205.1a5.93%205.93%200%200%200%203.15.9a6%206%200%200%200%202.68-.63L128%20222.71l45.33%2022.66A6%206%200%200%200%20182%20240v-77.13A85.87%2085.87%200%200%200%20214%2096M54%2096a74%2074%200%201%201%2074%2074a74.09%2074.09%200%200%201-74-74m116%20134.29l-39.33-19.66a6%206%200%200%200-5.36%200L86%20230.29V171a85.75%2085.75%200%200%200%2084%200ZM128%20150a54%2054%200%201%200-54-54a54.06%2054.06%200%200%200%2054%2054m0-96a42%2042%200%201%201-42%2042a42%2042%200%200%201%2042-42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/medal-light.svg?color=%231a73e8&size=48
