jefflix-website/components/solidarity-fist-icon.tsx

34 lines
1.2 KiB
XML

export function SolidarityFistIcon({ className = "h-12 w-12" }: { className?: string }) {
return (
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={className}
>
{/* Wrist base */}
<path d="M9 22 L9 16" />
<path d="M15 22 L15 16" />
{/* Palm/base of fist */}
<path
d="M7 16 L7 12 C7 11 7.5 10 9 10 L15 10 C16.5 10 17 11 17 12 L17 16 L7 16 Z"
fill="currentColor"
opacity="0.3"
/>
{/* Index finger */}
<rect x="13" y="4" width="2.5" height="7" rx="1" fill="currentColor" />
{/* Middle finger */} <rect x="10.75" y="3" width="2.5" height="8" rx="1" fill="currentColor" />
{/* Ring finger */}
<rect x="8.5" y="4" width="2.5" height="7" rx="1" fill="currentColor" />
{/* Pinky finger */}
<rect x="6.5" y="5" width="2" height="6" rx="1" fill="currentColor" />
{/* Thumb wrapping around */}
<path d="M6 12 L4 13 L4 15 C4 16 5 17 6 17 L7 17" fill="currentColor" />
<path d="M6 12 L4 13 L4 15 C4 16 5 17 6 17 L7 17" strokeWidth="1.5" />
</svg>
)
}