torsten/yourpart3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(icons): add SVG icons for various categories including health, education, and politics

Browse Source
This commit is contained in:
Torsten Schulz (local)
2026-08-28 11:18:50 +02:00
parent fe08433747
commit 89215793ab
16 changed files with 75 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/public/images/icons/falukant/shortmap/bank.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 729 B

1
frontend/public/images/icons/falukant/shortmap/church.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 354 B

1
frontend/public/images/icons/falukant/shortmap/darknet.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 429 B

1
frontend/public/images/icons/falukant/shortmap/directors.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 383 B

1
frontend/public/images/icons/falukant/shortmap/education.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 440 B

10
frontend/public/images/icons/falukant/shortmap/family.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 599 B

1
frontend/public/images/icons/falukant/shortmap/guild.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 411 B

8
frontend/public/images/icons/falukant/shortmap/health.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 472 B

1
frontend/public/images/icons/falukant/shortmap/house.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 378 B

1
frontend/public/images/icons/falukant/shortmap/moneyhistory.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 406 B

1
frontend/public/images/icons/falukant/shortmap/nobility.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 363 B

10
frontend/public/images/icons/falukant/shortmap/overview.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 608 B

10
frontend/public/images/icons/falukant/shortmap/politics.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 669 B

1
frontend/public/images/icons/falukant/shortmap/reputation.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 490 B

1
frontend/public/images/icons/falukant/shortmap/towns.svg Normal file
View File

@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 315 B

18
frontend/src/components/falukant/StatusBar.vue
View File

@@ -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;