medal icon

medal from Font Awesome Solid by Dave Gandy · Solid · Interfaces · CC-BY-4.0 Attribution required.

Name: medal
Set: Font Awesome Solid
Style: Solid
Category: Interfaces
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

medalBoxIcons v2 medalBoxIcons v2 Solid medalElement Plus medalFont Awesome 6 Solid medal-16-filledFluent UI System Icons medalIconoir medalIonIcons medalJam Icons medalLine Awesome medalLucide medalMaterial Design Icons medal-fillMingCute Icon medalPhosphor medal-fillRemix Icon medalTabler Icons medalUnicons

More interfaces icons from Font Awesome Solid

Use the medal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.3 192L235.7 51.1c-6.5-10.8-20.1-14.7-31.3-9.1l-86.6 43.3c-11.9 5.9-16.7 20.3-10.8 32.2l69.6 139.1c-30.1 33.9-48.3 78.5-48.3 127.4c0 106 86 192 192 192s192-86 192-192c0-48.9-18.3-93.5-48.3-127.4l69.6-139.1c5.9-11.9 1.1-26.3-10.7-32.2l-86.7-43.4c-11.2-5.6-24.9-1.6-31.3 9.1zm30.8 142.5c1.4 2.8 4 4.7 7 5.1l50.1 7.3c7.7 1.1 10.7 10.5 5.2 16l-36.3 35.4c-2.2 2.2-3.2 5.2-2.7 8.3l8.6 49.9c1.3 7.6-6.7 13.5-13.6 9.9l-44.8-23.6c-2.7-1.4-6-1.4-8.7 0l-44.8 23.6c-6.9 3.6-14.9-2.2-13.6-9.9l8.6-49.9c.5-3-.5-6.1-2.7-8.3l-36.3-35.4c-5.6-5.4-2.5-14.8 5.2-16l50.1-7.3c3-.4 5.7-2.4 7-5.1l22.4-45.4c3.4-7 13.3-7 16.8 0l22.4 45.4z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMedal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.3 192L235.7 51.1c-6.5-10.8-20.1-14.7-31.3-9.1l-86.6 43.3c-11.9 5.9-16.7 20.3-10.8 32.2l69.6 139.1c-30.1 33.9-48.3 78.5-48.3 127.4c0 106 86 192 192 192s192-86 192-192c0-48.9-18.3-93.5-48.3-127.4l69.6-139.1c5.9-11.9 1.1-26.3-10.7-32.2l-86.7-43.4c-11.2-5.6-24.9-1.6-31.3 9.1zm30.8 142.5c1.4 2.8 4 4.7 7 5.1l50.1 7.3c7.7 1.1 10.7 10.5 5.2 16l-36.3 35.4c-2.2 2.2-3.2 5.2-2.7 8.3l8.6 49.9c1.3 7.6-6.7 13.5-13.6 9.9l-44.8-23.6c-2.7-1.4-6-1.4-8.7 0l-44.8 23.6c-6.9 3.6-14.9-2.2-13.6-9.9l8.6-49.9c.5-3-.5-6.1-2.7-8.3l-36.3-35.4c-5.6-5.4-2.5-14.8 5.2-16l50.1-7.3c3-.4 5.7-2.4 7-5.1l22.4-45.4c3.4-7 13.3-7 16.8 0l22.4 45.4z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.3 192L235.7 51.1c-6.5-10.8-20.1-14.7-31.3-9.1l-86.6 43.3c-11.9 5.9-16.7 20.3-10.8 32.2l69.6 139.1c-30.1 33.9-48.3 78.5-48.3 127.4c0 106 86 192 192 192s192-86 192-192c0-48.9-18.3-93.5-48.3-127.4l69.6-139.1c5.9-11.9 1.1-26.3-10.7-32.2l-86.7-43.4c-11.2-5.6-24.9-1.6-31.3 9.1zm30.8 142.5c1.4 2.8 4 4.7 7 5.1l50.1 7.3c7.7 1.1 10.7 10.5 5.2 16l-36.3 35.4c-2.2 2.2-3.2 5.2-2.7 8.3l8.6 49.9c1.3 7.6-6.7 13.5-13.6 9.9l-44.8-23.6c-2.7-1.4-6-1.4-8.7 0l-44.8 23.6c-6.9 3.6-14.9-2.2-13.6-9.9l8.6-49.9c.5-3-.5-6.1-2.7-8.3l-36.3-35.4c-5.6-5.4-2.5-14.8 5.2-16l50.1-7.3c3-.4 5.7-2.4 7-5.1l22.4-45.4c3.4-7 13.3-7 16.8 0l22.4 45.4z"/></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%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.3%20192L235.7%2051.1c-6.5-10.8-20.1-14.7-31.3-9.1l-86.6%2043.3c-11.9%205.9-16.7%2020.3-10.8%2032.2l69.6%20139.1c-30.1%2033.9-48.3%2078.5-48.3%20127.4c0%20106%2086%20192%20192%20192s192-86%20192-192c0-48.9-18.3-93.5-48.3-127.4l69.6-139.1c5.9-11.9%201.1-26.3-10.7-32.2l-86.7-43.4c-11.2-5.6-24.9-1.6-31.3%209.1zm30.8%20142.5c1.4%202.8%204%204.7%207%205.1l50.1%207.3c7.7%201.1%2010.7%2010.5%205.2%2016l-36.3%2035.4c-2.2%202.2-3.2%205.2-2.7%208.3l8.6%2049.9c1.3%207.6-6.7%2013.5-13.6%209.9l-44.8-23.6c-2.7-1.4-6-1.4-8.7%200l-44.8%2023.6c-6.9%203.6-14.9-2.2-13.6-9.9l8.6-49.9c.5-3-.5-6.1-2.7-8.3l-36.3-35.4c-5.6-5.4-2.5-14.8%205.2-16l50.1-7.3c3-.4%205.7-2.4%207-5.1l22.4-45.4c3.4-7%2013.3-7%2016.8%200l22.4%2045.4z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.3%20192L235.7%2051.1c-6.5-10.8-20.1-14.7-31.3-9.1l-86.6%2043.3c-11.9%205.9-16.7%2020.3-10.8%2032.2l69.6%20139.1c-30.1%2033.9-48.3%2078.5-48.3%20127.4c0%20106%2086%20192%20192%20192s192-86%20192-192c0-48.9-18.3-93.5-48.3-127.4l69.6-139.1c5.9-11.9%201.1-26.3-10.7-32.2l-86.7-43.4c-11.2-5.6-24.9-1.6-31.3%209.1zm30.8%20142.5c1.4%202.8%204%204.7%207%205.1l50.1%207.3c7.7%201.1%2010.7%2010.5%205.2%2016l-36.3%2035.4c-2.2%202.2-3.2%205.2-2.7%208.3l8.6%2049.9c1.3%207.6-6.7%2013.5-13.6%209.9l-44.8-23.6c-2.7-1.4-6-1.4-8.7%200l-44.8%2023.6c-6.9%203.6-14.9-2.2-13.6-9.9l8.6-49.9c.5-3-.5-6.1-2.7-8.3l-36.3-35.4c-5.6-5.4-2.5-14.8%205.2-16l50.1-7.3c3-.4%205.7-2.4%207-5.1l22.4-45.4c3.4-7%2013.3-7%2016.8%200l22.4%2045.4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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