3cba958437
- Redesigned icon.svg: skateboard deck shape (rounded nose/tail, truck axles, wheels) beneath the existing map pin, all using the same red→orange→lime gradient as the original - Replace MapPin component icons in desktop header, mobile header, and footer with the actual icon.svg image so the new logo shows everywhere Co-authored-by: shakespeare.diy <assistant@shakespeare.diy>
54 lines
2.3 KiB
XML
54 lines
2.3 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>
|
|
<linearGradient id="deckGradient" 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 — classic shape with rounded nose & tail, centered below pin -->
|
|
<!-- Deck body: tall rounded rectangle -->
|
|
<rect x="218" y="310" width="76" height="160" rx="28" ry="28" fill="url(#deckGradient)"/>
|
|
|
|
<!-- Nose kick (top rounded tip) -->
|
|
<ellipse cx="256" cy="318" rx="38" ry="18" fill="url(#deckGradient)"/>
|
|
|
|
<!-- Tail kick (bottom rounded tip) -->
|
|
<ellipse cx="256" cy="462" rx="38" ry="18" fill="url(#deckGradient)"/>
|
|
|
|
<!-- Truck axle top -->
|
|
<rect x="200" y="338" width="112" height="14" rx="7" fill="#000000" opacity="0.35"/>
|
|
<!-- Wheel top-left -->
|
|
<ellipse cx="208" cy="345" rx="12" ry="9" fill="#000000" opacity="0.45"/>
|
|
<!-- Wheel top-right -->
|
|
<ellipse cx="304" cy="345" rx="12" ry="9" fill="#000000" opacity="0.45"/>
|
|
|
|
<!-- Truck axle bottom -->
|
|
<rect x="200" y="428" width="112" height="14" rx="7" fill="#000000" opacity="0.35"/>
|
|
<!-- Wheel bottom-left -->
|
|
<ellipse cx="208" cy="435" rx="12" ry="9" fill="#000000" opacity="0.45"/>
|
|
<!-- Wheel bottom-right -->
|
|
<ellipse cx="304" cy="435" rx="12" ry="9" fill="#000000" opacity="0.45"/>
|
|
|
|
<!-- Gradient circle background for pin -->
|
|
<circle cx="256" cy="200" r="160" fill="url(#iconGradient)"/>
|
|
|
|
<!-- Map pin icon — identical to original, just shifted up slightly -->
|
|
<g fill="#ffffff">
|
|
<!-- Pin circle -->
|
|
<circle cx="256" cy="178" r="72"/>
|
|
<!-- Pin point -->
|
|
<path d="M 220 228 L 256 300 L 292 228 Z"/>
|
|
<!-- Inner hole -->
|
|
<circle cx="256" cy="178" r="36" fill="#000000"/>
|
|
</g>
|
|
</svg>
|