The needle was #f7931e (#ff9f2e dark), a soft orange close enough in lightness to the tallest blue bar that the two ran together where they touch, and weak at favicon size. It is now #ff5500 (#ff6a1a on the dark background), fully saturated and pushed towards red, away from the bars' blue. favicon.png and apple-touch-icon.png are re-rendered from logo.svg. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
23 lines
1.3 KiB
XML
23 lines
1.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
|
|
<!-- The iPodderX radio's screen, reduced to its tuning scale and needle, laid out as Apple's
|
|
app icon guidelines ask: square and opaque (the system cuts the corners, and paints
|
|
transparency black), one background and flat foreground layers with hard edges, no
|
|
highlights or shadows of its own (the system adds them), nothing thin enough to vanish
|
|
at 32px. Each <g> is a layer, for splitting out into Icon Composer. -->
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#dff0fb"/>
|
|
<stop offset="1" stop-color="#9fccef"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<g id="background"><rect width="1024" height="1024" fill="url(#bg)"/></g>
|
|
<g id="scale" fill="#2f6aa0">
|
|
<rect x="120" y="520" width="112" height="304" rx="56" opacity=".45"/>
|
|
<rect x="288" y="360" width="112" height="464" rx="56" opacity=".7"/>
|
|
<rect x="456" y="440" width="112" height="384" rx="56" opacity=".55"/>
|
|
<rect x="624" y="280" width="112" height="544" rx="56" opacity=".85"/>
|
|
<rect x="792" y="600" width="112" height="224" rx="56" opacity=".5"/>
|
|
</g>
|
|
<g id="needle"><rect x="728" y="160" width="72" height="704" rx="36" fill="#ff5500"/></g>
|
|
</svg>
|