Files
AtreidesAssetsFree/client/img/favicon.svg
T
2026-10-29 11:57:29 +01:00

18 lines
1.4 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160">
<!-- The tab icon: the same bull as the sidebar logo and the splash, on a tile.
A TILE AND NOT A BARE DRAWING, and a fixed pair of colours: a favicon has no theme and no accent
to follow, so it has to read on a light AND on a dark tab strip. A near-black tile with a light
drawing does that in both, and it is the app's own dark default. The sidebar tile keeps the accent
colour; here that would be a colour the user can change and the browser caches.
The transform is the same 25% corner as .sidebar-logo-icon in styles.css, with a ~85% inset:
the sidebar tile leaves more room around the drawing, but a tab icon at 16px needs every pixel.
THE PATHS ARE THE BULL, verbatim from client/img/bull.svg; tests/structuur/logo.test.mjs
compares the three copies. -->
<rect width="160" height="160" rx="40" fill="#0a0a0a"/>
<g transform="translate(12,12) scale(0.85)" fill="#f2f2f2">
<path d="M 46.108 37.099 L 79.826 68.032 L 113.068 37.288 L 142.067 37.244 L 92.564 85.773 L 92.367 123.544 L 80.04 135.851 L 67.262 123.517 L 67.425 85.773 L 17.176 37.092 L 46.108 37.099 Z"></path>
<path d="M 49.901 91.273 L 0 43.722 L 0 24.666 L 64.78 87.731 L 64.689 118.25 L 50.234 105.711 L 49.901 91.273 Z"></path>
<path d="M 95.221 87.779 L 160 24.149 L 160 43.383 L 109.554 93.918 L 109.584 105.756 L 94.924 118.584 L 95.221 87.779 Z"></path>
</g>
</svg>