ios medal icon
ios-medal from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-medal
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios medal icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M50 124c-1.1 0-2 .9-2 2v59.9c0 14.4 9.6 27 23.4 30.8l104 29.4c1.3.4 2.5-.6 2.5-1.9V126c0-1.1-.9-2-2-2H50z" fill="currentColor"/><path d="M204 126v126.2c0 .9.6 1.7 1.5 1.9l50 13.9c.4.1.7.1 1.1 0l56-15.6c.9-.2 1.5-1 1.5-1.9V126c0-1.1-.9-2-2-2H206c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M334 126v119.2c0 1.3 1.3 2.3 2.6 1.9l104-30.4c13.8-3.9 23.4-16.5 23.4-30.8V126c0-1.1-.9-2-2-2H336c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M48 64v38c0 1.1.9 2 2 2h412c1.1 0 2-.9 2-2V64c0-17.7-14.3-32-32-32H80c-17.7 0-32 14.3-32 32z" fill="currentColor"/><g><circle cx="256" cy="352" r="56" fill="currentColor"/><path d="M351.3 266.6l-51.5 13.8c24 14.8 40.1 41.3 40.1 71.6 0 46.3-37.7 84-84 84s-84-37.7-84-84c0-30.4 16.2-57 40.4-71.8L161 266.1c-20.5 22.7-33 52.8-33 85.9 0 70.7 57.3 128 128 128s128-57.3 128-128c0-32.8-12.4-62.7-32.7-85.4z" fill="currentColor"/><path d="M256 296c30.9 0 56 25.1 56 56s-25.1 56-56 56-56-25.1-56-56 25.1-56 56-56z" fill="currentColor"/></g></svg>
React
import type { SVGProps } from "react";
export function IonIosMedal(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M50 124c-1.1 0-2 .9-2 2v59.9c0 14.4 9.6 27 23.4 30.8l104 29.4c1.3.4 2.5-.6 2.5-1.9V126c0-1.1-.9-2-2-2H50z" fill="currentColor"/><path d="M204 126v126.2c0 .9.6 1.7 1.5 1.9l50 13.9c.4.1.7.1 1.1 0l56-15.6c.9-.2 1.5-1 1.5-1.9V126c0-1.1-.9-2-2-2H206c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M334 126v119.2c0 1.3 1.3 2.3 2.6 1.9l104-30.4c13.8-3.9 23.4-16.5 23.4-30.8V126c0-1.1-.9-2-2-2H336c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M48 64v38c0 1.1.9 2 2 2h412c1.1 0 2-.9 2-2V64c0-17.7-14.3-32-32-32H80c-17.7 0-32 14.3-32 32z" fill="currentColor"/><g><circle cx="256" cy="352" r="56" fill="currentColor"/><path d="M351.3 266.6l-51.5 13.8c24 14.8 40.1 41.3 40.1 71.6 0 46.3-37.7 84-84 84s-84-37.7-84-84c0-30.4 16.2-57 40.4-71.8L161 266.1c-20.5 22.7-33 52.8-33 85.9 0 70.7 57.3 128 128 128s128-57.3 128-128c0-32.8-12.4-62.7-32.7-85.4z" fill="currentColor"/><path d="M256 296c30.9 0 56 25.1 56 56s-25.1 56-56 56-56-25.1-56-56 25.1-56 56-56z" fill="currentColor"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M50 124c-1.1 0-2 .9-2 2v59.9c0 14.4 9.6 27 23.4 30.8l104 29.4c1.3.4 2.5-.6 2.5-1.9V126c0-1.1-.9-2-2-2H50z" fill="currentColor"/><path d="M204 126v126.2c0 .9.6 1.7 1.5 1.9l50 13.9c.4.1.7.1 1.1 0l56-15.6c.9-.2 1.5-1 1.5-1.9V126c0-1.1-.9-2-2-2H206c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M334 126v119.2c0 1.3 1.3 2.3 2.6 1.9l104-30.4c13.8-3.9 23.4-16.5 23.4-30.8V126c0-1.1-.9-2-2-2H336c-1.1 0-2 .9-2 2z" fill="currentColor"/><path d="M48 64v38c0 1.1.9 2 2 2h412c1.1 0 2-.9 2-2V64c0-17.7-14.3-32-32-32H80c-17.7 0-32 14.3-32 32z" fill="currentColor"/><g><circle cx="256" cy="352" r="56" fill="currentColor"/><path d="M351.3 266.6l-51.5 13.8c24 14.8 40.1 41.3 40.1 71.6 0 46.3-37.7 84-84 84s-84-37.7-84-84c0-30.4 16.2-57 40.4-71.8L161 266.1c-20.5 22.7-33 52.8-33 85.9 0 70.7 57.3 128 128 128s128-57.3 128-128c0-32.8-12.4-62.7-32.7-85.4z" fill="currentColor"/><path d="M256 296c30.9 0 56 25.1 56 56s-25.1 56-56 56-56-25.1-56-56 25.1-56 56-56z" fill="currentColor"/></g></svg> </template>
CSS
.icon-ios-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%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M50%20124c-1.1%200-2%20.9-2%202v59.9c0%2014.4%209.6%2027%2023.4%2030.8l104%2029.4c1.3.4%202.5-.6%202.5-1.9V126c0-1.1-.9-2-2-2H50z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M204%20126v126.2c0%20.9.6%201.7%201.5%201.9l50%2013.9c.4.1.7.1%201.1%200l56-15.6c.9-.2%201.5-1%201.5-1.9V126c0-1.1-.9-2-2-2H206c-1.1%200-2%20.9-2%202z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M334%20126v119.2c0%201.3%201.3%202.3%202.6%201.9l104-30.4c13.8-3.9%2023.4-16.5%2023.4-30.8V126c0-1.1-.9-2-2-2H336c-1.1%200-2%20.9-2%202z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M48%2064v38c0%201.1.9%202%202%202h412c1.1%200%202-.9%202-2V64c0-17.7-14.3-32-32-32H80c-17.7%200-32%2014.3-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22352%22%20r%3D%2256%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.3%20266.6l-51.5%2013.8c24%2014.8%2040.1%2041.3%2040.1%2071.6%200%2046.3-37.7%2084-84%2084s-84-37.7-84-84c0-30.4%2016.2-57%2040.4-71.8L161%20266.1c-20.5%2022.7-33%2052.8-33%2085.9%200%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128c0-32.8-12.4-62.7-32.7-85.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20296c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056-56-25.1-56-56%2025.1-56%2056-56z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%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%20512%20512%22%3E%3Cpath%20d%3D%22M50%20124c-1.1%200-2%20.9-2%202v59.9c0%2014.4%209.6%2027%2023.4%2030.8l104%2029.4c1.3.4%202.5-.6%202.5-1.9V126c0-1.1-.9-2-2-2H50z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M204%20126v126.2c0%20.9.6%201.7%201.5%201.9l50%2013.9c.4.1.7.1%201.1%200l56-15.6c.9-.2%201.5-1%201.5-1.9V126c0-1.1-.9-2-2-2H206c-1.1%200-2%20.9-2%202z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M334%20126v119.2c0%201.3%201.3%202.3%202.6%201.9l104-30.4c13.8-3.9%2023.4-16.5%2023.4-30.8V126c0-1.1-.9-2-2-2H336c-1.1%200-2%20.9-2%202z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M48%2064v38c0%201.1.9%202%202%202h412c1.1%200%202-.9%202-2V64c0-17.7-14.3-32-32-32H80c-17.7%200-32%2014.3-32%2032z%22%20fill%3D%22currentColor%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22352%22%20r%3D%2256%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M351.3%20266.6l-51.5%2013.8c24%2014.8%2040.1%2041.3%2040.1%2071.6%200%2046.3-37.7%2084-84%2084s-84-37.7-84-84c0-30.4%2016.2-57%2040.4-71.8L161%20266.1c-20.5%2022.7-33%2052.8-33%2085.9%200%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128c0-32.8-12.4-62.7-32.7-85.4z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M256%20296c30.9%200%2056%2025.1%2056%2056s-25.1%2056-56%2056-56-25.1-56-56%2025.1-56%2056-56z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-medal.svg?color=%231a73e8&size=48
