award icon

award from Unicons by Iconscout · Line · Education · Apache-2.0 Free for personal and commercial use.

Name: award
Set: Unicons
Style: Line
Category: Education
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

awardBootstrap Icons awardBoxIcons v2 awardBoxIcons v2 Solid award-fillEva Icons awardFont Awesome 6 Solid awardFont Awesome Solid awardFeather Icons award-outlineFlowbite Icons awardLine Awesome awardLucide awardMajesticons award-fillMingCute Icon award-fillRemix Icon awardTabler Icons

More education icons from Unicons

abacus atom award-alt backpack bell-school book book-alt book-open brain cell diary diary-alt dna flask flask-potion game-structure graduation-cap medal meeting-board notebooks notes podium presentation presentation-check

Use the award icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.87 17.25l-2.71-4.68A6.9 6.9 0 0 0 19 9.25a7 7 0 0 0-14 0a6.9 6.9 0 0 0 .84 3.32l-2.71 4.68a1 1 0 0 0 .87 1.5h2.87l1.46 2.46a1 1 0 0 0 .18.22a1 1 0 0 0 .69.28h.14a1 1 0 0 0 .73-.49L12 17.9l1.93 3.35a1 1 0 0 0 .73.48h.14a1 1 0 0 0 .7-.28a.9.9 0 0 0 .17-.21l1.46-2.46H20a1 1 0 0 0 .87-.5a1 1 0 0 0 0-1.03M9.19 18.78l-.89-1.49a1 1 0 0 0-.85-.49H5.72l1.43-2.48a7 7 0 0 0 3.57 1.84ZM12 14.25a5 5 0 1 1 5-5a5 5 0 0 1-5 5m4.55 2.55a1 1 0 0 0-.85.49l-.89 1.49l-1.52-2.65a7.06 7.06 0 0 0 3.56-1.84l1.43 2.48Z"/></svg>

React

import type { SVGProps } from "react";

export function UilAward(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="m20.87 17.25l-2.71-4.68A6.9 6.9 0 0 0 19 9.25a7 7 0 0 0-14 0a6.9 6.9 0 0 0 .84 3.32l-2.71 4.68a1 1 0 0 0 .87 1.5h2.87l1.46 2.46a1 1 0 0 0 .18.22a1 1 0 0 0 .69.28h.14a1 1 0 0 0 .73-.49L12 17.9l1.93 3.35a1 1 0 0 0 .73.48h.14a1 1 0 0 0 .7-.28a.9.9 0 0 0 .17-.21l1.46-2.46H20a1 1 0 0 0 .87-.5a1 1 0 0 0 0-1.03M9.19 18.78l-.89-1.49a1 1 0 0 0-.85-.49H5.72l1.43-2.48a7 7 0 0 0 3.57 1.84ZM12 14.25a5 5 0 1 1 5-5a5 5 0 0 1-5 5m4.55 2.55a1 1 0 0 0-.85.49l-.89 1.49l-1.52-2.65a7.06 7.06 0 0 0 3.56-1.84l1.43 2.48Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.87 17.25l-2.71-4.68A6.9 6.9 0 0 0 19 9.25a7 7 0 0 0-14 0a6.9 6.9 0 0 0 .84 3.32l-2.71 4.68a1 1 0 0 0 .87 1.5h2.87l1.46 2.46a1 1 0 0 0 .18.22a1 1 0 0 0 .69.28h.14a1 1 0 0 0 .73-.49L12 17.9l1.93 3.35a1 1 0 0 0 .73.48h.14a1 1 0 0 0 .7-.28a.9.9 0 0 0 .17-.21l1.46-2.46H20a1 1 0 0 0 .87-.5a1 1 0 0 0 0-1.03M9.19 18.78l-.89-1.49a1 1 0 0 0-.85-.49H5.72l1.43-2.48a7 7 0 0 0 3.57 1.84ZM12 14.25a5 5 0 1 1 5-5a5 5 0 0 1-5 5m4.55 2.55a1 1 0 0 0-.85.49l-.89 1.49l-1.52-2.65a7.06 7.06 0 0 0 3.56-1.84l1.43 2.48Z"/></svg>
</template>

CSS

.icon-award {
  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%22m20.87%2017.25l-2.71-4.68A6.9%206.9%200%200%200%2019%209.25a7%207%200%200%200-14%200a6.9%206.9%200%200%200%20.84%203.32l-2.71%204.68a1%201%200%200%200%20.87%201.5h2.87l1.46%202.46a1%201%200%200%200%20.18.22a1%201%200%200%200%20.69.28h.14a1%201%200%200%200%20.73-.49L12%2017.9l1.93%203.35a1%201%200%200%200%20.73.48h.14a1%201%200%200%200%20.7-.28a.9.9%200%200%200%20.17-.21l1.46-2.46H20a1%201%200%200%200%20.87-.5a1%201%200%200%200%200-1.03M9.19%2018.78l-.89-1.49a1%201%200%200%200-.85-.49H5.72l1.43-2.48a7%207%200%200%200%203.57%201.84ZM12%2014.25a5%205%200%201%201%205-5a5%205%200%200%201-5%205m4.55%202.55a1%201%200%200%200-.85.49l-.89%201.49l-1.52-2.65a7.06%207.06%200%200%200%203.56-1.84l1.43%202.48Z%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%22m20.87%2017.25l-2.71-4.68A6.9%206.9%200%200%200%2019%209.25a7%207%200%200%200-14%200a6.9%206.9%200%200%200%20.84%203.32l-2.71%204.68a1%201%200%200%200%20.87%201.5h2.87l1.46%202.46a1%201%200%200%200%20.18.22a1%201%200%200%200%20.69.28h.14a1%201%200%200%200%20.73-.49L12%2017.9l1.93%203.35a1%201%200%200%200%20.73.48h.14a1%201%200%200%200%20.7-.28a.9.9%200%200%200%20.17-.21l1.46-2.46H20a1%201%200%200%200%20.87-.5a1%201%200%200%200%200-1.03M9.19%2018.78l-.89-1.49a1%201%200%200%200-.85-.49H5.72l1.43-2.48a7%207%200%200%200%203.57%201.84ZM12%2014.25a5%205%200%201%201%205-5a5%205%200%200%201-5%205m4.55%202.55a1%201%200%200%200-.85.49l-.89%201.49l-1.52-2.65a7.06%207.06%200%200%200%203.56-1.84l1.43%202.48Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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