Redesign PWA icons with bold crossed swords.

Thicker filled shapes read clearly on home screens and Android themed icons.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-20 11:12:07 +02:00
parent 562a229fa0
commit 1083dfdf2c
6 changed files with 39 additions and 10 deletions
+3 -2
View File
@@ -68,8 +68,9 @@ PWA_MANIFEST = {
"background_color": "#0f1117",
"theme_color": "#1a1d27",
"icons": [
{"src": "/static/icon-192.png", "sizes": "192x192", "type": "image/png"},
{"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable"},
{"src": "/static/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any"},
{"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any"},
{"src": "/static/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable"},
],
}
+14 -7
View File
@@ -1,11 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<rect width="32" height="32" rx="6" fill="#1a1d27"/>
<g fill="none" stroke="#6c8cff" stroke-linecap="round" stroke-linejoin="round">
<path d="M8 24 L22 10" stroke-width="2.4"/>
<path d="M20.5 8.5 L24 5 L24 8.5 Z" fill="#6c8cff" stroke="none"/>
<path d="M6.5 25.5 L9 23" stroke-width="2.8"/>
<path d="M8 8 L22 24" stroke-width="2.4"/>
<path d="M20.5 23.5 L24 27 L24 23.5 Z" fill="#6c8cff" stroke="none"/>
<path d="M6.5 6.5 L9 9" stroke-width="2.8"/>
<g transform="translate(16 16)">
<g transform="rotate(-45)">
<rect x="-1.1" y="-10.5" width="2.2" height="14" rx="0.6" fill="#6c8cff"/>
<rect x="-2.6" y="3" width="5.2" height="1" rx="0.3" fill="#8ba4ff"/>
<rect x="-0.9" y="4" width="1.8" height="2.8" rx="0.4" fill="#4a62b3"/>
<circle cx="0" cy="7.4" r="1" fill="#6c8cff"/>
</g>
<g transform="rotate(45)">
<rect x="-1.1" y="-10.5" width="2.2" height="14" rx="0.6" fill="#6c8cff"/>
<rect x="-2.6" y="3" width="5.2" height="1" rx="0.3" fill="#8ba4ff"/>
<rect x="-0.9" y="4" width="1.8" height="2.8" rx="0.4" fill="#4a62b3"/>
<circle cx="0" cy="7.4" r="1" fill="#6c8cff"/>
</g>
<circle cx="0" cy="0" r="1.5" fill="#8ba4ff"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 552 B

After

Width:  |  Height:  |  Size: 873 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 459 KiB

After

Width:  |  Height:  |  Size: 14 KiB

+21
View File
@@ -0,0 +1,21 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<rect width="512" height="512" fill="#1a1d27"/>
<rect x="20" y="20" width="472" height="472" rx="104" fill="#232735"/>
<g transform="translate(256 256)">
<g transform="rotate(-45)">
<rect x="-18" y="-168" width="36" height="228" rx="10" fill="#6c8cff"/>
<rect x="-42" y="48" width="84" height="16" rx="5" fill="#8ba4ff"/>
<rect x="-14" y="64" width="28" height="44" rx="6" fill="#4a62b3"/>
<circle cx="0" cy="118" r="16" fill="#6c8cff"/>
</g>
<g transform="rotate(45)">
<rect x="-18" y="-168" width="36" height="228" rx="10" fill="#6c8cff"/>
<rect x="-42" y="48" width="84" height="16" rx="5" fill="#8ba4ff"/>
<rect x="-14" y="64" width="28" height="44" rx="6" fill="#4a62b3"/>
<circle cx="0" cy="118" r="16" fill="#6c8cff"/>
</g>
<circle cx="0" cy="0" r="24" fill="#4a62b3"/>
<circle cx="0" cy="0" r="14" fill="#8ba4ff"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 979 B

+1 -1
View File
@@ -1,4 +1,4 @@
const CACHE = "if-viewer-static-v1";
const CACHE = "if-viewer-static-v2";
const ASSETS = [
"/static/style.css",
"/static/favicon.svg",