"use client"

export function CaptainAmericaShield() {
  return (
    <svg
      width="28"
      height="28"
      viewBox="0 0 100 100"
      aria-hidden="true"
    >
      <defs>
        <clipPath id="shield-clip">
          <polygon points="50,95 5,60 5,30 50,5 95,30 95,60" />
        </clipPath>
      </defs>
      <g clip-path="url(#shield-clip)">
        <circle cx="50" cy="45" r="45" fill="#c62828" />
        <circle cx="50" cy="45" r="35" fill="#efefef" />
        <circle cx="50" cy="45" r="25" fill="#c62828" />
        <circle cx="50" cy="45" r="15" fill="#1565c0" />
        <polygon points="50,32 56,47 72,48 60,58 64,75 50,64 36,75 40,58 28,48 44,47" fill="#efefef" />
      </g>
      <polygon
        points="50,95 5,60 5,30 50,5 95,30 95,60"
        fill="none"
        stroke="#c62828"
        stroke-width="1.5"
      />
    </svg>
  )
}
