Die drei SVGs lagen in der Repo-Wurzel und hiessen noch wie beim Download
("open-box (1).svg" – inklusive Leerzeichen und Klammer). Durch mein git add -A
im letzten Commit sind sie dort auch gelandet.
Jetzt liegen sie in brand/icons/ und heissen wie die Icons im Code:
einlagern.svg, auslagern.svg, korrektur.svg. Ein README daneben haelt fest,
wofuer jede da ist - die beiden Kisten unterscheiden sich nur in der
Pfeilrichtung, wer sie verwechselt dreht Ein- und Auslagern um, ohne dass etwas
kaputtgeht - und wie man die Pfaddaten nach einer Aenderung neu uebernimmt.
Zur Laufzeit laedt niemand diese Dateien: die Pfade stehen inline in Icon.jsx,
damit die Icons ueber currentColor die Textfarbe annehmen. Die Originale tragen
festes Schwarz.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Icon-Quellen
Hier liegen zugekaufte/heruntergeladene Grafiken, deren Pfaddaten inline in
web/src/components/Icon.jsx stehen (Abschnitt GEFUELLT). Zur Laufzeit lädt
niemand diese Dateien – sie sind die Quelle, nicht das Auslieferungsformat.
Warum inline statt <img src>: Die Icons sollen die Textfarbe annehmen
(fill="currentColor"), damit sie sich mit Thema und Zustand mitfärben. Als
externe Datei ginge das nicht; die Originale tragen eine feste schwarze Füllung.
Dateien
| Datei | Icon-Name | Bedeutung |
|---|---|---|
einlagern.svg |
einlagern |
Kiste, Pfeil hinein – Bewegungsart „Eingelagert" |
auslagern.svg |
auslagern |
Kiste, Pfeil heraus – Bewegungsart „Ausgelagert" |
korrektur.svg |
korrektur |
Stapel mit Stift – Bewegungsart „Korrektur" |
Die beiden Kisten unterscheiden sich nur in einem Pfad: der Pfeilrichtung. Wer sie verwechselt, dreht Ein- und Auslagern um, ohne dass etwas kaputtgeht – deshalb die ausdrückliche Zuordnung oben.
Nach einer Änderung neu übernehmen
Die Pfaddaten wurden per Skript übernommen, nicht abgetippt. Wird eine Datei
ersetzt, dieselbe Extraktion wiederholen und das Ergebnis in GEFUELLT
eintragen (viewBox mitnehmen – die Kisten sind 24×24, die Korrektur 64×64):
python3 - <<'PY'
import re, pathlib
for name in ("einlagern", "auslagern", "korrektur"):
roh = pathlib.Path(f"brand/icons/{name}.svg").read_text()
print(name, re.search(r'viewBox="([^"]+)"', roh).group(1))
for d in re.findall(r'<path[^>]*\sd="([^"]+)"', roh):
print(f' <path d="{d}" />')
PY