gentleface

Gentleface › Business & office › award

award icon

Award: award, achievement, prize, achievements. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M5.854 14.854C5.754 14.953 5.636 15.003 5.5 15.003C5.364 15.003 5.246 14.953 5.146 14.854C5.049 14.756 5 14.638 5 14.5L5 9.242C4.562 8.95 4.186 8.59 3.871 8.161C3.457 7.597 3.19 6.97 3.068 6.281C2.947 5.593 2.984 4.912 3.18 4.241C3.356 3.635 3.647 3.091 4.053 2.607C4.458 2.124 4.944 1.743 5.51 1.464C6.137 1.155 6.801 1 7.5 1C8.199 1 8.863 1.155 9.49 1.464C10.056 1.743 10.542 2.124 10.947 2.607C11.353 3.091 11.644 3.635 11.82 4.241C12.016 4.912 12.053 5.593 11.932 6.281C11.81 6.97 11.543 7.597 11.129 8.161C10.814 8.59 10.438 8.95 10 9.242L10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15C9.362 15 9.244 14.951 9.146 14.854L7.5 13.207L5.854 14.854ZM9.25 8.531C9.675 8.286 10.032 7.965 10.323 7.57C10.644 7.131 10.852 6.644 10.947 6.108C11.041 5.572 11.012 5.043 10.86 4.521C10.723 4.05 10.497 3.626 10.181 3.25C9.866 2.874 9.488 2.578 9.048 2.361C8.56 2.12 8.044 2 7.5 2C6.956 2 6.44 2.12 5.952 2.361C5.512 2.578 5.134 2.874 4.819 3.25C4.503 3.626 4.277 4.05 4.14 4.521C3.988 5.043 3.959 5.572 4.053 6.108C4.148 6.644 4.356 7.131 4.677 7.57C4.968 7.965 5.325 8.286 5.75 8.531C6.291 8.844 6.875 9 7.5 9C8.125 9 8.709 8.844 9.25 8.531ZM7.5 10C6.977 10 6.477 9.915 6 9.745L6 13.293L6.793 12.5C6.988 12.305 7.224 12.207 7.5 12.207C7.776 12.207 8.012 12.305 8.207 12.5L9 13.293L9 9.745C8.523 9.915 8.023 10 7.5 10Z"/></svg>
React
// Gentleface "award" (line-round), MIT. https://gentleface.com/icons/award
import type { SVGProps } from 'react';

export function AwardIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M5.854 14.854C5.754 14.953 5.636 15.003 5.5 15.003C5.364 15.003 5.246 14.953 5.146 14.854C5.049 14.756 5 14.638 5 14.5L5 9.242C4.562 8.95 4.186 8.59 3.871 8.161C3.457 7.597 3.19 6.97 3.068 6.281C2.947 5.593 2.984 4.912 3.18 4.241C3.356 3.635 3.647 3.091 4.053 2.607C4.458 2.124 4.944 1.743 5.51 1.464C6.137 1.155 6.801 1 7.5 1C8.199 1 8.863 1.155 9.49 1.464C10.056 1.743 10.542 2.124 10.947 2.607C11.353 3.091 11.644 3.635 11.82 4.241C12.016 4.912 12.053 5.593 11.932 6.281C11.81 6.97 11.543 7.597 11.129 8.161C10.814 8.59 10.438 8.95 10 9.242L10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15C9.362 15 9.244 14.951 9.146 14.854L7.5 13.207L5.854 14.854ZM9.25 8.531C9.675 8.286 10.032 7.965 10.323 7.57C10.644 7.131 10.852 6.644 10.947 6.108C11.041 5.572 11.012 5.043 10.86 4.521C10.723 4.05 10.497 3.626 10.181 3.25C9.866 2.874 9.488 2.578 9.048 2.361C8.56 2.12 8.044 2 7.5 2C6.956 2 6.44 2.12 5.952 2.361C5.512 2.578 5.134 2.874 4.819 3.25C4.503 3.626 4.277 4.05 4.14 4.521C3.988 5.043 3.959 5.572 4.053 6.108C4.148 6.644 4.356 7.131 4.677 7.57C4.968 7.965 5.325 8.286 5.75 8.531C6.291 8.844 6.875 9 7.5 9C8.125 9 8.709 8.844 9.25 8.531ZM7.5 10C6.977 10 6.477 9.915 6 9.745L6 13.293L6.793 12.5C6.988 12.305 7.224 12.207 7.5 12.207C7.776 12.207 8.012 12.305 8.207 12.5L9 13.293L9 9.745C8.523 9.915 8.023 10 7.5 10Z" />
    </svg>
  );
}
Vue
Vue: see /icons/award.md
Svelte
Svelte: see /icons/award.md
HTML img
HTML img: see /icons/award.md
CSS
CSS: see /icons/award.md
Data URL
Data URL: see /icons/award.md
Sprite
Sprite: see /icons/award.md
SwiftUI
SwiftUI: see /icons/award.md
Compose
Compose: see /icons/award.md
Android XML
Android XML: see /icons/award.md
Flutter
Flutter: see /icons/award.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
award, achievement, prize, achievements
Alternatives
  • trophy: a winner or a competition
  • laurel-wreath: honors or rankings
  • medal: a sports medal
Don’t confuse with
  • star: star means favorite or rating
Also fits
  • laurel wreath: an award or prize
  • gift: a prize or achievement
  • medal: an award, achievement or prize (rosette)
  • trophy: an achievement or a prize (rosette)
  • milestone reached: an award or prize
  • top rated: an award or achievement
Tags
medal, badge, ribbon, prize, winner
Category
Business & office
Component name
AwardIcon
History
  • added

More business & office icons

ad ad-off briefcase briefcase-clock briefcase-off briefcase-plus calculator certificate copyleft crown gavel handshake hierarchy hierarchy-square lectern lightbulb · all business & office icons

For agents

Metadata: /icons/award.json · Markdown: /icons/award.md · SVG: https://gentleface.com/svg/{style}/16/award.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/award.png

Feedback