Kevin Adametz
58c773b153
Eigene Icon-Sets unter public/icons/{pressekonto,presseecho,businessportal24}
(SVG-Favicon + Touch-/App-Icons); ThemeHelper mappt das aktive Theme auf den
Icon-Ordner (Portal/Admin nutzt den pressekonto-Satz), alle Layout-Heads
binden Favicon + apple-touch-icon domain-abhängig ein.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
34 lines
1.4 KiB
Markdown
34 lines
1.4 KiB
Markdown
# Icon-Set pressekonto / presseecho / businessportal24
|
|
|
|
## Dateien pro Domain
|
|
- `favicon.svg` — Option A (dunkle Kachel, Akzent-Initiale), primäres Favicon
|
|
- `favicon.ico` — Legacy-Fallback (16/32/48 px eingebettet)
|
|
- `favicon-16/32/48.png` — PNG-Fallbacks
|
|
- `icon.svg` — Option B (Duo-Monogramm), Quelle für große Icons
|
|
- `apple-touch-icon.png` — 180 px (iOS)
|
|
- `icon-192.png`, `icon-512.png` — PWA / Web-App-Manifest
|
|
|
|
## Einbindung im `<head>` (pro Portal aus dem jeweiligen Ordner)
|
|
```html
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="icon" href="/favicon.ico" sizes="48x48">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
```
|
|
|
|
## `site.webmanifest` (Icons-Block)
|
|
```json
|
|
"icons": [
|
|
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
|
|
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }
|
|
]
|
|
```
|
|
|
|
## Hinweise
|
|
- PNGs/ICO wurden mit Liberation Sans/Serif Bold gerendert (metrisch kompatibel
|
|
zu Arial bzw. Times). Die SVGs nutzen den Font-Stack Helvetica/Arial bzw.
|
|
Georgia/Times. Sobald die finalen Logo-Fonts feststehen, einfach im SVG
|
|
`font-family` tauschen und PNGs neu exportieren.
|
|
- Eckenradius: 14 % der Kantenlänge (8/56), konsistent über alle Größen.
|
|
- Akzentfarben auf dunklem Grund sind bewusst aufgehellt (Kontrast bei 16 px):
|
|
Gold #c9954f, Grün #8fae7d, Rost #d97b54.
|