gentleface

Gentleface › Games & sports › medal

medal icon

Medal: medal, sports medal, gold medal, first place. 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="M2.144 1.144C2.241 1.048 2.359 1 2.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 4.5C13 4.641 12.952 4.759 12.856 4.856C12.759 4.952 12.641 5 12.5 5L8 5L8 6.027C8.395 6.071 8.781 6.167 9.156 6.316C9.734 6.545 10.243 6.879 10.682 7.318C11.121 7.757 11.455 8.266 11.684 8.844C11.895 9.376 12 9.928 12 10.5C12 11.072 11.895 11.624 11.684 12.156C11.455 12.734 11.121 13.243 10.682 13.682C10.243 14.121 9.734 14.455 9.156 14.684C8.624 14.895 8.072 15 7.5 15C6.928 15 6.376 14.895 5.844 14.684C5.266 14.455 4.757 14.121 4.318 13.682C3.879 13.243 3.545 12.734 3.316 12.156C3.105 11.624 3 11.072 3 10.5C3 9.928 3.105 9.376 3.316 8.844C3.545 8.266 3.879 7.757 4.318 7.318C4.757 6.879 5.266 6.545 5.844 6.316C6.219 6.167 6.605 6.071 7 6.027L7 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856C2.048 4.759 2 4.641 2 4.5L2 1.5C2 1.359 2.048 1.241 2.144 1.144ZM5 4L5 2L3 2L3 4L5 4ZM9 4L9 2L6 2L6 4L9 4ZM10 2L10 4L12 4L12 2L10 2ZM5.025 12.975C5.367 13.317 5.762 13.576 6.212 13.754C6.625 13.918 7.055 14 7.5 14C7.945 14 8.375 13.918 8.788 13.754C9.238 13.576 9.633 13.317 9.975 12.975C10.317 12.633 10.576 12.238 10.754 11.788C10.918 11.375 11 10.945 11 10.5C11 10.055 10.918 9.625 10.754 9.212C10.576 8.762 10.317 8.367 9.975 8.025C9.633 7.683 9.238 7.424 8.788 7.246C8.375 7.082 7.945 7 7.5 7C7.055 7 6.625 7.082 6.212 7.246C5.762 7.424 5.367 7.683 5.025 8.025C4.683 8.367 4.424 8.762 4.246 9.212C4.082 9.625 4 10.055 4 10.5C4 10.945 4.082 11.375 4.246 11.788C4.424 12.238 4.683 12.633 5.025 12.975Z"/></svg>
React
// Gentleface "medal" (line-round), MIT. https://gentleface.com/icons/medal
import type { SVGProps } from 'react';

export function MedalIcon(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="M2.144 1.144C2.241 1.048 2.359 1 2.5 1L12.5 1C12.641 1 12.759 1.048 12.856 1.144C12.952 1.241 13 1.359 13 1.5L13 4.5C13 4.641 12.952 4.759 12.856 4.856C12.759 4.952 12.641 5 12.5 5L8 5L8 6.027C8.395 6.071 8.781 6.167 9.156 6.316C9.734 6.545 10.243 6.879 10.682 7.318C11.121 7.757 11.455 8.266 11.684 8.844C11.895 9.376 12 9.928 12 10.5C12 11.072 11.895 11.624 11.684 12.156C11.455 12.734 11.121 13.243 10.682 13.682C10.243 14.121 9.734 14.455 9.156 14.684C8.624 14.895 8.072 15 7.5 15C6.928 15 6.376 14.895 5.844 14.684C5.266 14.455 4.757 14.121 4.318 13.682C3.879 13.243 3.545 12.734 3.316 12.156C3.105 11.624 3 11.072 3 10.5C3 9.928 3.105 9.376 3.316 8.844C3.545 8.266 3.879 7.757 4.318 7.318C4.757 6.879 5.266 6.545 5.844 6.316C6.219 6.167 6.605 6.071 7 6.027L7 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856C2.048 4.759 2 4.641 2 4.5L2 1.5C2 1.359 2.048 1.241 2.144 1.144ZM5 4L5 2L3 2L3 4L5 4ZM9 4L9 2L6 2L6 4L9 4ZM10 2L10 4L12 4L12 2L10 2ZM5.025 12.975C5.367 13.317 5.762 13.576 6.212 13.754C6.625 13.918 7.055 14 7.5 14C7.945 14 8.375 13.918 8.788 13.754C9.238 13.576 9.633 13.317 9.975 12.975C10.317 12.633 10.576 12.238 10.754 11.788C10.918 11.375 11 10.945 11 10.5C11 10.055 10.918 9.625 10.754 9.212C10.576 8.762 10.317 8.367 9.975 8.025C9.633 7.683 9.238 7.424 8.788 7.246C8.375 7.082 7.945 7 7.5 7C7.055 7 6.625 7.082 6.212 7.246C5.762 7.424 5.367 7.683 5.025 8.025C4.683 8.367 4.424 8.762 4.246 9.212C4.082 9.625 4 10.055 4 10.5C4 10.945 4.082 11.375 4.246 11.788C4.424 12.238 4.683 12.633 5.025 12.975Z" />
    </svg>
  );
}
Vue
Vue: see /icons/medal.md
Svelte
Svelte: see /icons/medal.md
HTML img
HTML img: see /icons/medal.md
CSS
CSS: see /icons/medal.md
Data URL
Data URL: see /icons/medal.md
Sprite
Sprite: see /icons/medal.md
SwiftUI
SwiftUI: see /icons/medal.md
Compose
Compose: see /icons/medal.md
Android XML
Android XML: see /icons/medal.md
Flutter
Flutter: see /icons/medal.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
medal, sports medal, gold medal, first place
Alternatives
  • award: an award, achievement or prize (rosette)
  • trophy: a winner or champion
Also fits
  • award: a sports medal
  • sports: a sports medal
  • trophy: places and sports badges
Tags
medal, sports, first-place, gold, ribbon, winner, place, rank, badge
Category
Games & sports
Component name
MedalIcon
History
  • added

More games & sports icons

american-football baseball basketball bomb bowling boxing-glove chess-bishop chess-king chess-knight chess-pawn chess-queen chess-rook club cricket dice dumbbell · all games & sports icons

For agents

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

Feedback