feat: redraw the app icon on a white tile with shorter bottom boxes (#985)

* feat: redraw the app icon on a white tile with shorter bottom boxes

Same org chart shape as before, redrawn as a vector so edges are sharp.
The white tile keeps the icon visible on dark docks, taskbars and tabs,
so dark mode now uses the same image and favicon-white.svg is removed.
The desktop icon is now 1024x1024.

* chore: add SVG sources for the app icon and favicons

resources/icon.svg renders resources/icon.png; resources/favicon.svg renders
the favicon .ico and .png files.

* fix: add a title to the icon SVG sources for the Biome a11y check
This commit is contained in:
Dayuan Jiang
2026-10-11 20:32:23 +09:00
committed by GitHub
parent 77be43d996
commit cb066a4825
10 changed files with 37 additions and 46 deletions
+16
View File
@@ -0,0 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<title>Next AI Draw.io</title>
<!-- Web icon, source of public/favicon.ico, app/favicon.ico and public/favicon-*.png.
The tile fills the canvas so the icon stays large in browser tabs. -->
<rect x="4" y="4" width="1016" height="1016" rx="228" fill="#ffffff" stroke="#dfe3e8" stroke-width="8"/>
<g transform="translate(512 512) scale(0.76) translate(-512 -438)" fill="#14181d">
<rect x="140" y="62" width="744" height="244" rx="56"/>
<rect x="478" y="300" width="68" height="224"/>
<rect x="142" y="378" width="740" height="68" rx="14"/>
<rect x="142" y="378" width="68" height="146" rx="14"/>
<rect x="814" y="378" width="68" height="146" rx="14"/>
<rect x="62" y="518" width="228" height="296" rx="40"/>
<rect x="398" y="518" width="228" height="296" rx="40"/>
<rect x="734" y="518" width="228" height="296" rx="40"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 945 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 111 KiB

After

Width:  |  Height:  |  Size: 28 KiB

+18
View File
@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
<title>Next AI Draw.io</title>
<!-- Desktop app icon, source of resources/icon.png (1024x1024).
The tile is 824px wide on the 1024 canvas, following the macOS icon grid. -->
<g transform="translate(100 100) scale(0.8046875)">
<rect x="4" y="4" width="1016" height="1016" rx="228" fill="#ffffff" stroke="#dfe3e8" stroke-width="8"/>
<g transform="translate(512 512) scale(0.66) translate(-512 -438)" fill="#14181d">
<rect x="140" y="62" width="744" height="244" rx="56"/>
<rect x="478" y="300" width="68" height="224"/>
<rect x="142" y="378" width="740" height="68" rx="14"/>
<rect x="142" y="378" width="68" height="146" rx="14"/>
<rect x="814" y="378" width="68" height="146" rx="14"/>
<rect x="62" y="518" width="228" height="296" rx="40"/>
<rect x="398" y="518" width="228" height="296" rx="40"/>
<rect x="734" y="518" width="228" height="296" rx="40"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1013 B