diff --git a/brand/README.md b/brand/README.md
new file mode 100644
index 0000000..2e461cd
--- /dev/null
+++ b/brand/README.md
@@ -0,0 +1,25 @@
+# Vorrania – Markenzeichen
+
+Das Zeichen ist die sechseckige „box"-Silhouette (aus `web/src/components/Icon.jsx`,
+Name `box`) in Weiß auf der Akzentfläche.
+
+## Dateien
+
+- **`app-icon.svg`** – 1024×1024, vollflächig, feste Farbe (`#4d5cd4`), ohne
+  abgerundete Ecken. Für App-Icon (iOS/macOS via Icon Composer oder Xcode
+  „AppIcon", App Store). Die Rundung macht das System selbst.
+- **Favicon / Web-Logo:** `../web/public/favicon.svg` – dasselbe Zeichen mit
+  abgerundeter Platte und Hell-/Dunkel-Umschaltung (für den Browser-Tab).
+
+## Farben
+
+- Akzent (hell): `#4d5cd4`
+- Akzent (dunkel, nur Favicon): `#7c8ae8`
+- Zeichen: `#ffffff`
+
+## Als PNG exportieren (falls ein Werkzeug PNG verlangt)
+
+```sh
+# benötigt librsvg (brew install librsvg)
+rsvg-convert -w 1024 -h 1024 app-icon.svg -o app-icon-1024.png
+```
diff --git a/brand/app-icon.svg b/brand/app-icon.svg
new file mode 100644
index 0000000..9f84935
--- /dev/null
+++ b/brand/app-icon.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024" role="img" aria-label="Vorrania">
+  <!-- App-Icon: dasselbe "box"-Zeichen wie Favicon/Seitenleiste, aber vollflächig
+       (keine abgerundeten Ecken – iOS/macOS maskieren selbst) und mit fester
+       Farbe (kein Dark-Mode-Umschalten). 1024×1024 für App Store / Icon Composer. -->
+  <rect width="1024" height="1024" fill="#4d5cd4" />
+  <g transform="translate(192 192) scale(26.6667)"
+     fill="none" stroke="#ffffff" stroke-width="2"
+     stroke-linecap="round" stroke-linejoin="round">
+    <path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" />
+  </g>
+</svg>