62 lines
2.9 KiB
XML
62 lines
2.9 KiB
XML
<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<linearGradient id="blade-grad" gradientUnits="userSpaceOnUse" x1="256" y1="130" x2="256" y2="290">
|
|
<stop offset="0%" stop-color="#d4d4d8"/>
|
|
<stop offset="100%" stop-color="#71717a"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background: solid zinc-900, full square -->
|
|
<rect width="512" height="512" fill="#18181b"/>
|
|
|
|
<!-- Film strip - left half (offset down-left for separation effect) -->
|
|
<g transform="translate(-3, 3)">
|
|
<polygon points="72,220 265,220 239,292 72,292" fill="#3f3f46"/>
|
|
<!-- Sprocket holes: top row -->
|
|
<rect x="92" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="130" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="168" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<!-- Sprocket holes: bottom row -->
|
|
<rect x="92" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="130" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="168" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
</g>
|
|
|
|
<!-- Film strip - right half (offset up-right for separation effect) -->
|
|
<g transform="translate(3, -3)">
|
|
<polygon points="273,220 440,220 440,292 247,292" fill="#3f3f46"/>
|
|
<!-- Sprocket holes: top row -->
|
|
<rect x="298" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="345" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="392" y="226" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<!-- Sprocket holes: bottom row -->
|
|
<rect x="278" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="330" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
<rect x="382" y="273" width="11" height="13" rx="3" fill="#27272a"/>
|
|
</g>
|
|
|
|
<!-- Cut accent line along the diagonal gap -->
|
|
<line x1="269" y1="216" x2="243" y2="296" stroke="#a1a1aa" stroke-width="2" opacity="0.6"/>
|
|
|
|
<!-- Scissors (symmetric, rotated 20° clockwise for diagonal cut alignment) -->
|
|
<g transform="rotate(20, 256, 256)">
|
|
<!-- Blade B cutting portion (rendered first = behind) -->
|
|
<polygon points="264,250 172,155 248,262" fill="url(#blade-grad)"/>
|
|
<!-- Blade A cutting portion (rendered second = in front, blades cross) -->
|
|
<polygon points="248,250 340,155 264,262" fill="url(#blade-grad)"/>
|
|
|
|
<!-- Handle A (behind at handle end) -->
|
|
<polygon points="248,250 194,330 202,336 264,262" fill="#52525b"/>
|
|
<!-- Handle B (in front at handle end, crossing) -->
|
|
<polygon points="264,250 318,330 310,336 248,262" fill="#52525b"/>
|
|
|
|
<!-- Ring A (lower-left) -->
|
|
<circle cx="192" cy="348" r="20" stroke="#a1a1aa" stroke-width="4" fill="#18181b"/>
|
|
<!-- Ring B (lower-right) -->
|
|
<circle cx="320" cy="348" r="20" stroke="#a1a1aa" stroke-width="4" fill="#18181b"/>
|
|
|
|
<!-- Pivot screw -->
|
|
<circle cx="256" cy="256" r="7" fill="#a1a1aa"/>
|
|
</g>
|
|
</svg>
|