gold medal icon

gold-medal from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
gold-medal
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

The same icon in other sets

gold-medalIconParkgold-medalIconPark Outlinegold-medalIconPark Solidgold-medalIconPark TwoTone

Use the gold medal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M772.1 452.8L826 101q2-15-7.5-26C809 64 804.4 64 795 64H229q-14 0-23.6 11c-9.6 11-8.8 16-7.5 26l54 352q-57.6 79-59.9 187q3 136 93.5 226.5C376 957 421.3 958 512 960q136-3 226.5-93.5T832 640q-2.4-108-59.9-187.2M640.1 128h117l-39 254a666 666 0 0 0-60-27.3q-9-4.5-18.1-8.4V128zm-64.1 0v198.8a363 363 0 0 0-64-6.8q-15.7 0-31.6 2a360 360 0 0 0-32.4 4.8V128zm-192 0v218.3a306 306 0 0 0-18.3 8.6Q337 366.2 306 382l-39-254zm309 693q-72 72-181 75q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181a251 251 0 0 1 65.2-47.4q57.6-22.6 98.5-26.6q7.6-.6 15.4-1h3.9q7.6.3 15.1 1q41.1 4 99 26.7q35.5 18 64.9 47.3q72 72 75 181q-3 109-75 181"/><path fill="currentColor" d="M544 480H416v64h64v192h-64v64h192v-64h-64z"/></svg>

React

import type { SVGProps } from "react";

export function EpGoldMedal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M772.1 452.8L826 101q2-15-7.5-26C809 64 804.4 64 795 64H229q-14 0-23.6 11c-9.6 11-8.8 16-7.5 26l54 352q-57.6 79-59.9 187q3 136 93.5 226.5C376 957 421.3 958 512 960q136-3 226.5-93.5T832 640q-2.4-108-59.9-187.2M640.1 128h117l-39 254a666 666 0 0 0-60-27.3q-9-4.5-18.1-8.4V128zm-64.1 0v198.8a363 363 0 0 0-64-6.8q-15.7 0-31.6 2a360 360 0 0 0-32.4 4.8V128zm-192 0v218.3a306 306 0 0 0-18.3 8.6Q337 366.2 306 382l-39-254zm309 693q-72 72-181 75q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181a251 251 0 0 1 65.2-47.4q57.6-22.6 98.5-26.6q7.6-.6 15.4-1h3.9q7.6.3 15.1 1q41.1 4 99 26.7q35.5 18 64.9 47.3q72 72 75 181q-3 109-75 181"/><path fill="currentColor" d="M544 480H416v64h64v192h-64v64h192v-64h-64z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M772.1 452.8L826 101q2-15-7.5-26C809 64 804.4 64 795 64H229q-14 0-23.6 11c-9.6 11-8.8 16-7.5 26l54 352q-57.6 79-59.9 187q3 136 93.5 226.5C376 957 421.3 958 512 960q136-3 226.5-93.5T832 640q-2.4-108-59.9-187.2M640.1 128h117l-39 254a666 666 0 0 0-60-27.3q-9-4.5-18.1-8.4V128zm-64.1 0v198.8a363 363 0 0 0-64-6.8q-15.7 0-31.6 2a360 360 0 0 0-32.4 4.8V128zm-192 0v218.3a306 306 0 0 0-18.3 8.6Q337 366.2 306 382l-39-254zm309 693q-72 72-181 75q-109-3-181-75c-72-72-73-108.3-75-181q3-109 75-181a251 251 0 0 1 65.2-47.4q57.6-22.6 98.5-26.6q7.6-.6 15.4-1h3.9q7.6.3 15.1 1q41.1 4 99 26.7q35.5 18 64.9 47.3q72 72 75 181q-3 109-75 181"/><path fill="currentColor" d="M544 480H416v64h64v192h-64v64h192v-64h-64z"/></svg>
</template>

CSS

.icon-gold-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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M772.1%20452.8L826%20101q2-15-7.5-26C809%2064%20804.4%2064%20795%2064H229q-14%200-23.6%2011c-9.6%2011-8.8%2016-7.5%2026l54%20352q-57.6%2079-59.9%20187q3%20136%2093.5%20226.5C376%20957%20421.3%20958%20512%20960q136-3%20226.5-93.5T832%20640q-2.4-108-59.9-187.2M640.1%20128h117l-39%20254a666%20666%200%200%200-60-27.3q-9-4.5-18.1-8.4V128zm-64.1%200v198.8a363%20363%200%200%200-64-6.8q-15.7%200-31.6%202a360%20360%200%200%200-32.4%204.8V128zm-192%200v218.3a306%20306%200%200%200-18.3%208.6Q337%20366.2%20306%20382l-39-254zm309%20693q-72%2072-181%2075q-109-3-181-75c-72-72-73-108.3-75-181q3-109%2075-181a251%20251%200%200%201%2065.2-47.4q57.6-22.6%2098.5-26.6q7.6-.6%2015.4-1h3.9q7.6.3%2015.1%201q41.1%204%2099%2026.7q35.5%2018%2064.9%2047.3q72%2072%2075%20181q-3%20109-75%20181%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20480H416v64h64v192h-64v64h192v-64h-64z%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M772.1%20452.8L826%20101q2-15-7.5-26C809%2064%20804.4%2064%20795%2064H229q-14%200-23.6%2011c-9.6%2011-8.8%2016-7.5%2026l54%20352q-57.6%2079-59.9%20187q3%20136%2093.5%20226.5C376%20957%20421.3%20958%20512%20960q136-3%20226.5-93.5T832%20640q-2.4-108-59.9-187.2M640.1%20128h117l-39%20254a666%20666%200%200%200-60-27.3q-9-4.5-18.1-8.4V128zm-64.1%200v198.8a363%20363%200%200%200-64-6.8q-15.7%200-31.6%202a360%20360%200%200%200-32.4%204.8V128zm-192%200v218.3a306%20306%200%200%200-18.3%208.6Q337%20366.2%20306%20382l-39-254zm309%20693q-72%2072-181%2075q-109-3-181-75c-72-72-73-108.3-75-181q3-109%2075-181a251%20251%200%200%201%2065.2-47.4q57.6-22.6%2098.5-26.6q7.6-.6%2015.4-1h3.9q7.6.3%2015.1%201q41.1%204%2099%2026.7q35.5%2018%2064.9%2047.3q72%2072%2075%20181q-3%20109-75%20181%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M544%20480H416v64h64v192h-64v64h192v-64h-64z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ep/gold-medal.svg?color=%231a73e8&size=48