Files
claude-howto/assets/logo/logo-icon.svg
Luong NGUYEN 20779dbf79 design: Redesign logo to compass-bracket mark with minimal palette
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.
2026-02-17 18:27:38 +01:00

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>