Logo als SVG in drei Varianten (Icon, Icon+Wortmarke horizontal, monochrom); die Wortmarke ist als Pfad konstruiert und braucht daher keine installierte Schrift. Daraus generiert scripts/generate-icons.ts Favicon (SVG + ICO), PWA-Icons, Maskable-Icons, Apple-Touch-Icon und OG-Bild. Die Farbwelt liegt als CSS-Variablen in globals.css und wird ueber @theme inline an Tailwind durchgereicht — Dark/Light und spaetere Themes bauen darauf auf. Alle Kombinationen erfuellen WCAG AA.
27 lines
1.4 KiB
XML
27 lines
1.4 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 470 128" width="470" height="128" role="img" aria-labelledby="flimmer-mono-title" fill="currentColor">
|
|
<title id="flimmer-mono-title">Flimmer</title>
|
|
<!-- Monochrome Variante: nimmt die Textfarbe des Kontextes an (currentColor).
|
|
Kein Verlauf, kein Glühen — für Stempel, Fax, Prägung, E-Mail-Footer. -->
|
|
<g stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="22" y="26" width="84" height="64" rx="18" stroke-width="7"/>
|
|
<path d="M55.5 45.5 L80 58 L55.5 70.5 Z" fill="currentColor" stroke-width="6.5"/>
|
|
<path d="M64 90 V101 M49 105.5 H79" stroke-width="6.5"/>
|
|
<g transform="translate(148 21) scale(0.72)">
|
|
<g transform="translate(0 8)" stroke-width="15">
|
|
<path d="M14 100 V10 H62"/>
|
|
<path d="M14 54 H52"/>
|
|
<path d="M84 100 V6"/>
|
|
<path d="M106 100 V46"/>
|
|
<path d="M128 100 V64 Q128 46 146 46 Q164 46 164 64 V100"/>
|
|
<path d="M164 64 Q164 46 182 46 Q200 46 200 64 V100"/>
|
|
<path d="M218 100 V64 Q218 46 236 46 Q254 46 254 64 V100"/>
|
|
<path d="M254 64 Q254 46 272 46 Q290 46 290 64 V100"/>
|
|
<path d="M344.5 91.8 A29 19.5 0 1 1 366 73 H308"/>
|
|
<path d="M392 100 V46"/>
|
|
<path d="M392 64 Q392 46 414 46"/>
|
|
</g>
|
|
<circle cx="106" cy="30" r="7.5" fill="currentColor" stroke="none"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|