strava-frontend/public/favicon.svg

45 lines
2.1 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<!-- Background -->
<circle cx="32" cy="32" r="30" fill="#228BE6"/>
<!-- Rear wheel -->
<circle cx="16" cy="40" r="11" fill="none" stroke="white" stroke-width="3"/>
<!-- Front wheel -->
<circle cx="48" cy="40" r="11" fill="none" stroke="white" stroke-width="3"/>
<!-- Frame: chain stay (BB to rear hub) -->
<line x1="32" y1="40" x2="16" y2="40" stroke="white" stroke-width="2.5"/>
<!-- Frame: seat tube (BB to seat) -->
<line x1="32" y1="40" x2="26" y2="24" stroke="white" stroke-width="2.5"/>
<!-- Frame: top tube (seat to head tube) -->
<line x1="26" y1="24" x2="44" y2="24" stroke="white" stroke-width="2.5"/>
<!-- Frame: down tube (BB to head tube) -->
<line x1="32" y1="40" x2="44" y2="24" stroke="white" stroke-width="2.5"/>
<!-- Frame: seat stay (seat to rear hub) -->
<line x1="26" y1="24" x2="16" y2="40" stroke="white" stroke-width="2.5"/>
<!-- Frame: fork (head tube to front hub) -->
<line x1="44" y1="24" x2="48" y2="40" stroke="white" stroke-width="2.5"/>
<!-- Handlebar (drop bar shape) -->
<path d="M44 24 C47 22 49 24 47 27" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round"/>
<!-- Seat -->
<line x1="23" y1="23" x2="28" y2="23" stroke="white" stroke-width="3" stroke-linecap="round"/>
<!-- Crank + pedal -->
<line x1="32" y1="40" x2="34" y2="47" stroke="white" stroke-width="2" stroke-linecap="round"/>
<line x1="31" y1="48" x2="36" y2="48" stroke="white" stroke-width="2" stroke-linecap="round"/>
<!-- Rider: rear leg (hip -> knee -> pedal) -->
<path d="M27 23 L31 33 L34 47" fill="none" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
<!-- Rider: torso (hips curving forward to shoulders) -->
<path d="M27 22 Q34 19 39 19" fill="none" stroke="white" stroke-width="4.5" stroke-linecap="round"/>
<!-- Rider: arm (shoulder to handlebar) -->
<path d="M39 19 L45 24" fill="none" stroke="white" stroke-width="3" stroke-linecap="round"/>
<!-- Rider: head (helmet - slightly elongated) -->
<ellipse cx="43" cy="15" rx="4" ry="3.5" fill="white"/>
</svg>