From 89215793ab27cb99cc669008a1b8f19718eef490 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 28 Aug 2026 11:18:50 +0200
Subject: [PATCH] feat(icons): add SVG icons for various categories including
 health, education, and politics

---
 .../images/icons/falukant/shortmap/bank.svg    | 12 ++++++++++++
 .../images/icons/falukant/shortmap/church.svg  |  1 +
 .../images/icons/falukant/shortmap/darknet.svg |  1 +
 .../icons/falukant/shortmap/directors.svg      |  1 +
 .../icons/falukant/shortmap/education.svg      |  1 +
 .../images/icons/falukant/shortmap/family.svg  | 10 ++++++++++
 .../images/icons/falukant/shortmap/guild.svg   |  1 +
 .../images/icons/falukant/shortmap/health.svg  |  8 ++++++++
 .../images/icons/falukant/shortmap/house.svg   |  1 +
 .../icons/falukant/shortmap/moneyhistory.svg   |  1 +
 .../icons/falukant/shortmap/nobility.svg       |  1 +
 .../icons/falukant/shortmap/overview.svg       | 10 ++++++++++
 .../icons/falukant/shortmap/politics.svg       | 10 ++++++++++
 .../icons/falukant/shortmap/reputation.svg     |  1 +
 .../images/icons/falukant/shortmap/towns.svg   |  1 +
 frontend/src/components/falukant/StatusBar.vue | 18 +++++++++++++++---
 16 files changed, 75 insertions(+), 3 deletions(-)
 create mode 100644 frontend/public/images/icons/falukant/shortmap/bank.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/church.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/darknet.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/directors.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/education.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/family.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/guild.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/health.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/house.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/moneyhistory.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/nobility.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/overview.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/politics.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/reputation.svg
 create mode 100644 frontend/public/images/icons/falukant/shortmap/towns.svg

diff --git a/frontend/public/images/icons/falukant/shortmap/bank.svg b/frontend/public/images/icons/falukant/shortmap/bank.svg
new file mode 100644
index 0000000..6c329e5
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/bank.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g stroke="#29362e" stroke-linejoin="round">
+    <path d="M5 11h22v15H5z" fill="#fff7df" stroke-width="2"/>
+    <path d="M5 11l3-4h16l3 4z" fill="#9a7136" stroke-width="2"/>
+    <path d="M7 15h18" fill="none" stroke="#9a7136" stroke-width="1.6"/>
+    <path d="M16 17a2 2 0 0 0-1.2 3.6V23h2.4v-2.4A2 2 0 0 0 16 17z" fill="#29362e" stroke="none"/>
+    <circle cx="9" cy="28" r="2.7" fill="#9a7136" stroke-width="1.4"/>
+    <circle cx="16" cy="28" r="2.7" fill="#9a7136" stroke-width="1.4"/>
+    <circle cx="23" cy="28" r="2.7" fill="#9a7136" stroke-width="1.4"/>
+  </g>
+  <path d="M8 28h2m5 0h2m5 0h2" stroke="#fff7df" stroke-width="1" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/church.svg b/frontend/public/images/icons/falukant/shortmap/church.svg
new file mode 100644
index 0000000..b38f8c1
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/church.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7 27V14h7V8h4v6h7v13z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M14 8V4h4v4m-2-6v5M8 14l6-5m10 5l-6-5M2 27h28M14 27v-7h4v7" fill="none" stroke="#29362e" stroke-width="2" stroke-linecap="round"/><path d="M15 18h2v3h-2z" fill="#b67b35"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/darknet.svg b/frontend/public/images/icons/falukant/shortmap/darknet.svg
new file mode 100644
index 0000000..5ed4c31
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/darknet.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M5 27c1-12 4-19 11-22 7 3 10 10 11 22z" fill="#29362e" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M10 19c1-5 3-8 6-10 3 2 5 5 6 10-3 3-9 3-12 0z" fill="#fff7df" stroke="#b67b35" stroke-width="2" stroke-linejoin="round"/><path d="M18 27l6-10 2 2-6 10z" fill="#b67b35" stroke="#29362e" stroke-width="1.5" stroke-linejoin="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/directors.svg b/frontend/public/images/icons/falukant/shortmap/directors.svg
new file mode 100644
index 0000000..2c4b833
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/directors.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7 5h15l4 4v18H7z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M22 5v5h4M11 13h9m-9 4h7m-7 4h5" stroke="#29362e" stroke-width="1.7" stroke-linecap="round"/><path d="M20 25l7-12 2 2-7 12-3 1z" fill="#b67b35" stroke="#29362e" stroke-width="1.4" stroke-linejoin="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/education.svg b/frontend/public/images/icons/falukant/shortmap/education.svg
new file mode 100644
index 0000000..be9a4d0
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/education.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M4 8c5-2 8 0 12 3 4-3 7-5 12-3v17c-5-2-8 0-12 3-4-3-7-5-12-3z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M16 11v17M7 13c2-.4 3.8.2 5.5 1.2m7-1.2c2-.4 3.8.2 5.5 1.2" fill="none" stroke="#b67b35" stroke-width="1.5"/><path d="M23 5l4-3-2 5-5 5-2-2z" fill="#b67b35" stroke="#29362e" stroke-width="1.4" stroke-linejoin="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/family.svg b/frontend/public/images/icons/falukant/shortmap/family.svg
new file mode 100644
index 0000000..eb02bad
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/family.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g stroke="#29362e" stroke-linejoin="round">
+    <circle cx="16" cy="10" r="4" fill="#fff7df" stroke-width="2"/>
+    <path d="M9 27c0-5.4 3-8.5 7-8.5s7 3.1 7 8.5z" fill="#9a7136" stroke-width="2"/>
+    <circle cx="8" cy="14" r="3" fill="#fff7df" stroke-width="1.8"/>
+    <path d="M3 27c0-4.4 2-7 5-7 2.1 0 3.8 1.2 4.5 3.2" fill="#fff7df" stroke-width="1.8"/>
+    <circle cx="24" cy="14" r="3" fill="#fff7df" stroke-width="1.8"/>
+    <path d="M29 27c0-4.4-2-7-5-7-2.1 0-3.8 1.2-4.5 3.2" fill="#fff7df" stroke-width="1.8"/>
+  </g>
+</svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/guild.svg b/frontend/public/images/icons/falukant/shortmap/guild.svg
new file mode 100644
index 0000000..67eec38
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/guild.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M6 5h20v12c0 6-4.5 9.4-10 12-5.5-2.6-10-6-10-12z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M10 21l11-11m-1 0l2 2m-12 8l2 2" stroke="#29362e" stroke-width="2.4" stroke-linecap="round"/><path d="M9 10l3 3m-4 1l3 3M19 20l4-4" fill="none" stroke="#b67b35" stroke-width="2" stroke-linecap="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/health.svg b/frontend/public/images/icons/falukant/shortmap/health.svg
new file mode 100644
index 0000000..08ce328
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/health.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g stroke="#29362e" stroke-linejoin="round">
+    <path d="M12 4h8v5l2 3v13c0 2-1.5 3-3.5 3h-5c-2 0-3.5-1-3.5-3V12l2-3z" fill="#fff7df" stroke-width="2"/>
+    <path d="M12 9h8" fill="none" stroke-width="2" stroke-linecap="round"/>
+    <path d="M10 15h12v9c0 2-1.4 3-3.5 3h-5c-2.1 0-3.5-1-3.5-3z" fill="#9a7136" stroke-width="1.6"/>
+  </g>
+  <path d="M14 18h4v2h2v4h-2v2h-4v-2h-2v-4h2z" fill="#fff7df"/>
+</svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/house.svg b/frontend/public/images/icons/falukant/shortmap/house.svg
new file mode 100644
index 0000000..b9eec9b
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/house.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M4 15L16 5l12 10v12H4z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M6 15h20M10 11v16m12-16v16M6 21h20M14 27v-7h4v7" fill="none" stroke="#29362e" stroke-width="2"/><path d="M4 15l12-10 12 10" fill="none" stroke="#b67b35" stroke-width="3" stroke-linejoin="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/moneyhistory.svg b/frontend/public/images/icons/falukant/shortmap/moneyhistory.svg
new file mode 100644
index 0000000..9ab6870
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/moneyhistory.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M6 5h15l4 4v18H6z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M21 5v5h4M10 13h10m-10 4h7" stroke="#29362e" stroke-width="1.6" stroke-linecap="round"/><circle cx="19" cy="23" r="5" fill="#b67b35" stroke="#29362e" stroke-width="1.5"/><path d="M19 20.5v5" stroke="#fff7df" stroke-width="1.3"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/nobility.svg b/frontend/public/images/icons/falukant/shortmap/nobility.svg
new file mode 100644
index 0000000..cfdfa96
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/nobility.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M7 6l4 5 5-7 5 7 4-5 2 10H5z" fill="#b67b35" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M8 17h16v5c0 3-3.6 5.1-8 7-4.4-1.9-8-4-8-7z" fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"/><path d="M11 21h10" stroke="#b67b35" stroke-width="2"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/overview.svg b/frontend/public/images/icons/falukant/shortmap/overview.svg
new file mode 100644
index 0000000..530e55e
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/overview.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g stroke="#29362e" stroke-linejoin="round">
+    <path d="M4 27V11h3V7h3v4h2v16zM20 27V11h2V7h3v4h3v16z" fill="#fff7df" stroke-width="2"/>
+    <path d="M10 27V15h12v12z" fill="#fff7df" stroke-width="2"/>
+    <path d="M13 27v-5c0-2 1.3-3 3-3s3 1 3 3v5" fill="#9a7136" stroke-width="1.8"/>
+    <path d="M15 5h4v6h-4z" fill="#9a7136" stroke-width="1.8"/>
+    <path d="M19 5l5 2-5 2z" fill="#fff7df" stroke-width="1.5"/>
+  </g>
+  <path d="M7 14h3m12 0h3M7 19h3m12 0h3" fill="none" stroke="#9a7136" stroke-width="1.5" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/politics.svg b/frontend/public/images/icons/falukant/shortmap/politics.svg
new file mode 100644
index 0000000..dfab5da
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/politics.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g stroke="#29362e" stroke-linejoin="round">
+    <path d="M9 6l3.2 4 3.8-5 3.8 5L23 6v8H9z" fill="#9a7136" stroke-width="2"/>
+    <path d="M10 14h12" fill="none" stroke-width="2" stroke-linecap="round"/>
+    <path d="M6 18c0-2 1.4-3 3.4-3h13.2c2 0 3.4 1 3.4 3s-1.4 3-3.4 3H9.4C7.4 21 6 20 6 18z" fill="#fff7df" stroke-width="1.8"/>
+    <path d="M8 21c0 2 1.3 3 3.2 3h9.6c1.9 0 3.2-1 3.2-3" fill="#fff7df" stroke-width="1.8"/>
+    <circle cx="16" cy="24.5" r="3" fill="#9a7136" stroke-width="1.5"/>
+  </g>
+  <path d="M12 18h8" fill="none" stroke="#9a7136" stroke-width="1.4" stroke-linecap="round"/>
+</svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/reputation.svg b/frontend/public/images/icons/falukant/shortmap/reputation.svg
new file mode 100644
index 0000000..973a177
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/reputation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="none" stroke="#29362e" stroke-width="1.8" stroke-linecap="round"><path d="M11 25C5 21 4 13 9 7m2 17l-3-1m2-4l-4-1m2-5L5 11M21 25c6-4 7-12 2-18m-2 17l3-1m-2-4l4-1m-2-5l3-2"/></g><circle cx="16" cy="16" r="7" fill="#fff7df" stroke="#29362e" stroke-width="2"/><path d="M16 11l1.5 3.2 3.5.5-2.5 2.5.6 3.5-3.1-1.7-3.1 1.7.6-3.5-2.5-2.5 3.5-.5z" fill="#b67b35" stroke="#29362e" stroke-width="1" stroke-linejoin="round"/></svg>
diff --git a/frontend/public/images/icons/falukant/shortmap/towns.svg b/frontend/public/images/icons/falukant/shortmap/towns.svg
new file mode 100644
index 0000000..34fb618
--- /dev/null
+++ b/frontend/public/images/icons/falukant/shortmap/towns.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="#fff7df" stroke="#29362e" stroke-width="2" stroke-linejoin="round"><path d="M4 27V10h5v4h4v-4h6v4h4v-4h5v17z"/><path d="M5 10V5h3v5m16 0V5h3v5M11 27v-7h10v7" fill="#fff7df"/><path d="M2 27h28"/></g><path d="M13 20h6v7h-6z" fill="#b67b35"/></svg>
diff --git a/frontend/src/components/falukant/StatusBar.vue b/frontend/src/components/falukant/StatusBar.vue
index f5fb238..d6941db 100755
--- a/frontend/src/components/falukant/StatusBar.vue
+++ b/frontend/src/components/falukant/StatusBar.vue
@@ -40,8 +40,8 @@
                 <div class="quick-access">
                     <template v-for="[key, menuItem] in falukantQuickAccessChildren" :key="menuItem.id || key" >
                         <img
-                            :src="'/images/icons/falukant/shortmap/' + key + '.png'"
-                            class="menu-icon"
+                            :src="'/images/icons/falukant/shortmap/' + key + '.svg'"
+                            class="menu-icon menu-icon--quick-access"
                             @click="openPage(menuItem.path)"
                             :title="$t(`navigation.m-falukant.${key}`)"
                         />
@@ -152,7 +152,7 @@ export default {
             // Lade alle Schnellzugriffs-Bilder vor, damit sie gecacht werden
             this.falukantQuickAccessChildren.forEach(([key]) => {
                 const img = new Image();
-                img.src = `/images/icons/falukant/shortmap/${key}.png`;
+                img.src = `/images/icons/falukant/shortmap/${key}.svg`;
             });
             
             // Lade auch andere häufig verwendete Bilder vor
@@ -462,6 +462,18 @@ export default {
     padding: 4px 2px 0 0;
 }
 
+.menu-icon--quick-access {
+    padding: 2px;
+    border-radius: 6px;
+    transition: background-color 140ms ease, filter 140ms ease, transform 140ms ease;
+}
+
+.menu-icon--quick-access:hover {
+    background: rgba(154, 113, 54, 0.12);
+    filter: drop-shadow(0 1px 1px rgba(41, 54, 46, 0.16));
+    transform: translateY(-1px);
+}
+
 .relationship-icon {
     max-width: 24px;
     max-height: 24px;