SkateSpots/public/images/icon.svg
shakespeare.diy 32eda7996e Rework logo: minimal skateboard deck at pin tip, original design preserved
- Gradient circle and white map pin exactly as original
- Small horizontal white skateboard deck (popsicle shape) sits right at the 
  tip of the pin point, minimal and clean
- Four small wheel circles at deck corners
- Everything inside the gradient circle, nothing breaking outside

Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
2026-06-18 00:50:52 +07:00

36 lines
1.6 KiB
XML

<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
<!-- Black background -->
<rect width="512" height="512" fill="#000000"/>
<defs>
<linearGradient id="iconGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#ff0040;stop-opacity:1" />
<stop offset="50%" style="stop-color:#ff6600;stop-opacity:1" />
<stop offset="100%" style="stop-color:#ccff00;stop-opacity:1" />
</linearGradient>
</defs>
<!-- Gradient circle — exactly as original -->
<circle cx="256" cy="256" r="256" fill="url(#iconGradient)"/>
<!-- Small skateboard deck sitting flat, centered at the pin tip -->
<!-- The pin point lands at y=370. The deck sits horizontally there. -->
<!-- Popsicle deck shape: narrow rounded rect, horizontal -->
<rect x="196" y="356" width="120" height="36" rx="18" ry="18" fill="#ffffff" opacity="0.95"/>
<!-- Nose bump left -->
<ellipse cx="200" cy="374" rx="14" ry="18" fill="#ffffff" opacity="0.95"/>
<!-- Tail bump right -->
<ellipse cx="312" cy="374" rx="14" ry="18" fill="#ffffff" opacity="0.95"/>
<!-- 4 small wheels -->
<circle cx="210" cy="360" r="9" fill="#000000" opacity="0.5"/>
<circle cx="302" cy="360" r="9" fill="#000000" opacity="0.5"/>
<circle cx="210" cy="388" r="9" fill="#000000" opacity="0.5"/>
<circle cx="302" cy="388" r="9" fill="#000000" opacity="0.5"/>
<!-- Map pin — exactly as original -->
<g fill="#ffffff">
<circle cx="256" cy="210" r="80"/>
<path d="M 216 270 L 256 370 L 296 270 Z"/>
<circle cx="256" cy="210" r="40" fill="url(#iconGradient)"/>
</g>
</svg>