Replace icons with custom Harmness logo (Saturn planet, blue-purple gradient)

This commit is contained in:
2026-09-14 18:50:34 +08:00
parent 105584f118
commit e031be8437
3 changed files with 43 additions and 19 deletions
+15 -11
View File
@@ -1,12 +1,16 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M32.0845 7.94025V4H24.0203V7.9896H16.029V4H7.91553V7.94025H4V36H16.0044V32.0045C16.0058 30.9457 16.4274 29.9308 17.1766 29.1826C17.9258 28.4345 18.9412 28.0143 20 28.0143C21.0588 28.0143 22.0743 28.4345 22.8234 29.1826C23.5726 29.9308 23.9942 30.9457 23.9956 32.0045V36H36V7.94025H32.0845Z"
fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="2.94192" y1="4.89955" x2="37.7772" y2="39.7345"
gradientUnits="userSpaceOnUse">
<stop offset="0.15937" stop-color="#3BEA62"/>
<stop offset="0.5404" stop-color="#3C99CC"/>
<stop offset="0.93739" stop-color="#6B57FF"/>
</linearGradient>
</defs>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 512 512">
<defs>
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="rgb(96,158,255)"/>
<stop offset="1" stop-color="rgb(150,92,255)"/>
</linearGradient>
</defs>
<rect x="0" y="0" width="512" height="512" rx="82" fill="url(#tile)"/>
<circle cx="256" cy="244.74" r="137.22"
fill="none" stroke="white" stroke-width="21.5"/>
<ellipse cx="256" cy="244.74"
rx="137.22" ry="57.63"
transform="rotate(-17 256 244.74)"
fill="none" stroke="white" stroke-width="28.16"/>
<circle cx="349.03" cy="310.28" r="19.46" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 818 B

After

Width:  |  Height:  |  Size: 706 B

@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
<defs>
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="rgb(96,158,255)"/>
<stop offset="1" stop-color="rgb(150,92,255)"/>
</linearGradient>
</defs>
<rect x="0" y="0" width="512" height="512" rx="81.92" fill="url(#tile)"/>
<circle cx="256.00" cy="244.74" r="137.22"
fill="none" stroke="white" stroke-width="21.50"/>
<ellipse cx="256.00" cy="244.74"
rx="137.22" ry="57.63"
transform="rotate(-17.0 256.00 244.74)"
fill="none" stroke="white" stroke-width="28.16"/>
<circle cx="349.03" cy="310.28" r="19.46" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 724 B

+12 -8
View File
@@ -1,12 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 512 512">
<defs>
<linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#8B5CF6;stop-opacity:1" />
<linearGradient id="tile" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="rgb(96,158,255)"/>
<stop offset="1" stop-color="rgb(150,92,255)"/>
</linearGradient>
</defs>
<rect width="40" height="40" rx="8" fill="url(#g)"/>
<path d="M10 14h20v2H10zm0 5h20v2H10zm0 5h14v2H10z" fill="white"/>
<circle cx="30" cy="27" r="6" fill="white" opacity=".25"/>
<path d="M28 27l4-4" stroke="white" stroke-width="1.6" stroke-linecap="round"/>
<rect x="0" y="0" width="512" height="512" rx="82" fill="url(#tile)"/>
<circle cx="256" cy="244.74" r="137.22"
fill="none" stroke="white" stroke-width="21.5"/>
<ellipse cx="256" cy="244.74"
rx="137.22" ry="57.63"
transform="rotate(-17 256 244.74)"
fill="none" stroke="white" stroke-width="28.16"/>
<circle cx="349.03" cy="310.28" r="19.46" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 602 B

After

Width:  |  Height:  |  Size: 706 B