Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: twinkle. Pick another to preview it and update the animated code:

Ionicons 5 · IoMedalOutline

Medal Outline icon

A free medal outline icon from Ionicons 5, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asaward icontrophy iconprize iconwinner iconachievement iconbadge icon
License
MIT license
Project
ionicons.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/ionicons-5/medal-outline.json
components/icons/ionicons-5-medal-outline.tsx
import * as React from "react";

/**
 * Medal Outline from Ionicons 5 (https://ionicons.com/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/ionicons-5/medal-outline. Sized in em, colored by currentColor.
 */
export function IoMedalOutlineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 512 512"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <circle
        cx="256"
        cy="352"
        r="112"
        fill="none"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="32"
      />
      <circle
        cx="256"
        cy="352"
        r="48"
        fill="none"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="32"
      />
      <path
        fill="none"
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="32"
        d="M147 323 41.84 159.32a32 32 0 0 1-1.7-31.61l31-62A32 32 0 0 1 99.78 48h312.44a32 32 0 0 1 28.62 17.69l31 62a32 32 0 0 1-1.7 31.61L365 323m6-179H37m391.74-91.4L305 250M140.55 144 207 250"
      />
    </svg>
  );
}
With react-icons
import { IoMedalOutline } from "react-icons/io5";

export function Example() {
  return <IoMedalOutline className="size-5" />;
}
medal-outline.svg
<svg
  viewBox="0 0 512 512"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <circle
    cx="256"
    cy="352"
    r="112"
    fill="none"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="32"
  />
  <circle
    cx="256"
    cy="352"
    r="48"
    fill="none"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="32"
  />
  <path
    fill="none"
    stroke-linecap="round"
    stroke-linejoin="round"
    stroke-width="32"
    d="M147 323 41.84 159.32a32 32 0 0 1-1.7-31.61l31-62A32 32 0 0 1 99.78 48h312.44a32 32 0 0 1 28.62 17.69l31 62a32 32 0 0 1-1.7 31.61L365 323m6-179H37m391.74-91.4L305 250M140.55 144 207 250"
  />
</svg>
Attribution
"Medal Outline" icon from Ionicons 5 (https://ionicons.com/), licensed under MIT license.

Related icons: award, trophy, prize, winner