20779dbf79
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.
38 lines
1.8 KiB
XML
38 lines
1.8 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Claude How-To Icon — Light mode (256x256) -->
|
|
|
|
<!-- White background -->
|
|
<circle cx="128" cy="128" r="128" fill="#FFFFFF"/>
|
|
|
|
<!-- Compass mark centered -->
|
|
<g transform="translate(128, 128) scale(1.9)">
|
|
<!-- 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>
|
|
</svg>
|