05a74ed4f8
- Keep original gradient circle (red→orange→lime) and white map pin exactly as-is - White skateboard deck drawn behind the circle, protruding below it - Deck has popsicle shape (rounded nose + tail), two truck axles, four wheels that extend out beyond the deck sides so they're clearly visible - Wheels have inner hub detail for realism Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
54 lines
2.9 KiB
XML
54 lines
2.9 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>
|
|
|
|
<!-- ── SKATEBOARD DECK ───────────────────────────────────────────────────
|
|
White deck sits behind the pin circle.
|
|
Circle: cx=256 cy=220 r=170 → bottom edge at y=390
|
|
Deck nose starts at y=340, sticks out left/right beyond circle
|
|
──────────────────────────────────────────────────────────────────────── -->
|
|
|
|
<!-- Deck body (popsicle shape) -->
|
|
<rect x="190" y="340" width="132" height="148" rx="34" ry="34" fill="#ffffff"/>
|
|
<!-- Nose ellipse -->
|
|
<ellipse cx="256" cy="348" rx="66" ry="22" fill="#ffffff"/>
|
|
<!-- Tail ellipse -->
|
|
<ellipse cx="256" cy="480" rx="66" ry="22" fill="#ffffff"/>
|
|
|
|
<!-- Top truck & wheels — axle extends wide beyond deck -->
|
|
<rect x="182" y="364" width="148" height="16" rx="8" fill="#cccccc"/>
|
|
<rect x="148" y="368" width="216" height="8" rx="4" fill="#aaaaaa"/>
|
|
<!-- Wheels (extend out from deck sides so they're clearly visible) -->
|
|
<ellipse cx="150" cy="372" rx="20" ry="15" fill="#e0e0e0"/>
|
|
<ellipse cx="150" cy="372" rx="10" ry="8" fill="#aaaaaa"/>
|
|
<ellipse cx="362" cy="372" rx="20" ry="15" fill="#e0e0e0"/>
|
|
<ellipse cx="362" cy="372" rx="10" ry="8" fill="#aaaaaa"/>
|
|
|
|
<!-- Bottom truck & wheels -->
|
|
<rect x="182" y="452" width="148" height="16" rx="8" fill="#cccccc"/>
|
|
<rect x="148" y="456" width="216" height="8" rx="4" fill="#aaaaaa"/>
|
|
<ellipse cx="150" cy="460" rx="20" ry="15" fill="#e0e0e0"/>
|
|
<ellipse cx="150" cy="460" rx="10" ry="8" fill="#aaaaaa"/>
|
|
<ellipse cx="362" cy="460" rx="20" ry="15" fill="#e0e0e0"/>
|
|
<ellipse cx="362" cy="460" rx="10" ry="8" fill="#aaaaaa"/>
|
|
|
|
<!-- ── ORIGINAL GRADIENT CIRCLE + PIN (on top of deck) ─────────────────
|
|
Exactly the same as the original icon, just centered in upper area
|
|
──────────────────────────────────────────────────────────────────────── -->
|
|
<circle cx="256" cy="220" r="170" fill="url(#iconGradient)"/>
|
|
|
|
<g fill="#ffffff">
|
|
<circle cx="256" cy="194" r="78"/>
|
|
<path d="M 217 252 L 256 330 L 295 252 Z"/>
|
|
<circle cx="256" cy="194" r="39" fill="#000000"/>
|
|
</g>
|
|
|
|
</svg>
|