Replace the emerald starburst design (V2.0) with a new compass + code bracket (>) symbol (V3.0) using Black/White/Gray base with Bright Green (#22C55E) accent. Update all SVG assets (logos, icons, favicons) and design documentation to reflect the new brand identity.
41 lines
2.0 KiB
XML
41 lines
2.0 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="512" height="512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- App Icon: Square with padding, rounded corners implied by container -->
|
|
|
|
<!-- Background -->
|
|
<rect width="512" height="512" rx="80" fill="#FFFFFF"/>
|
|
|
|
<!-- Scaled mark centered with padding -->
|
|
<g transform="translate(256, 256) scale(3.2)">
|
|
<!-- Outer compass ring -->
|
|
<circle cx="0" cy="0" r="52" fill="none" stroke="#000000" stroke-width="3"/>
|
|
|
|
<!-- Cardinal tick marks -->
|
|
<line x1="0" y1="-52" x2="0" y2="-42" stroke="#000000" stroke-width="2.5" stroke-linecap="round"/>
|
|
<line x1="0" y1="42" x2="0" y2="52" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="-52" y1="0" x2="-42" y2="0" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
<line x1="42" y1="0" x2="52" y2="0" stroke="#6B7280" stroke-width="2" stroke-linecap="round"/>
|
|
|
|
<!-- Intercardinal tick marks -->
|
|
<line x1="-36.8" y1="-36.8" x2="-29.7" y2="-29.7" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="29.7" y1="-29.7" x2="36.8" y2="-36.8" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="-36.8" y1="36.8" x2="-29.7" y2="29.7" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
<line x1="29.7" y1="29.7" x2="36.8" y2="36.8" stroke="#6B7280" stroke-width="1.5" stroke-linecap="round"/>
|
|
|
|
<!-- Compass needle — north (green) -->
|
|
<polygon points="0,-40 -6,-2 0,-8 6,-2" fill="#22C55E"/>
|
|
|
|
<!-- Compass needle — south (dark) -->
|
|
<polygon points="0,40 -6,2 0,8 6,2" fill="#000000"/>
|
|
|
|
<!-- Center > bracket -->
|
|
<polyline points="-8,-10 4,0 -8,10" fill="none" stroke="#000000" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
|
|
|
<!-- Center dot -->
|
|
<circle cx="0" cy="0" r="2.5" fill="#22C55E"/>
|
|
</g>
|
|
|
|
<!-- Subtle border -->
|
|
<rect width="512" height="512" rx="80" fill="none" stroke="#E5E7EB" stroke-width="1"/>
|
|
</svg>
|