| 1 | import { createUniqueId } from "solid-js"; |
| 2 | |
| 3 | /** Lucide's flag, filled, with a skull and crossbones knocked out of it. */ |
| 4 | export function PirateFlag(props: { class: string }) { |
| 5 | const mask = createUniqueId(); |
| 6 | return ( |
| 7 | <svg class={props.class} viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" |
| 8 | stroke-linejoin="round" aria-hidden="true"> |
| 9 | <mask id={mask}> |
| 10 | <rect width="24" height="24" fill="#fff" stroke="none" /> |
| 11 | <circle cx="12" cy="7.3" r="2.2" fill="#000" stroke="none" /> |
| 12 | <rect x="10.8" y="8.5" width="2.4" height="1.8" fill="#000" stroke="none" /> |
| 13 | <path d="m9 10.2 6 2.6m0-2.6-6 2.6" stroke="#000" stroke-width="1.4" /> |
| 14 | </mask> |
| 15 | <path fill="currentColor" mask={`url(#${mask})`} |
| 16 | d="M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528" /> |
| 17 | </svg> |
| 18 | ); |
| 19 | } |