| 1 |
interface AwardIconProps { |
| 2 |
className?: string; |
| 3 |
title?: string; |
| 4 |
} |
| 5 |
|
| 6 |
export default function AwardIcon({ className = "", title = "Award recipient" }: AwardIconProps) { |
| 7 |
return ( |
| 8 |
<span title={title} className={`inline-block ${className}`}> |
| 9 |
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#FFD619" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> |
| 10 |
{/* Ribbon top */} |
| 11 |
<rect x="7" y="2" width="10" height="4" rx="1" /> |
| 12 |
{/* Ribbon tails */} |
| 13 |
<path d="M7 6v4l2.5-2L7 6z" /> |
| 14 |
<path d="M17 6v4l-2.5-2L17 6z" /> |
| 15 |
{/* Medal circle */} |
| 16 |
<circle cx="12" cy="15" r="5" /> |
| 17 |
{/* Star in medal */} |
| 18 |
<path d="M12 12l1 2h2l-1.5 1.5.5 2.5-2-1.5-2 1.5.5-2.5L9 14h2z" /> |
| 19 |
</svg> |
| 20 |
</span> |
| 21 |
); |
| 22 |
} |