Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SVG dateien erstellt für die Icons, alle von iconify runtergeladen außer der background

Browse Source
This commit is contained in:
ISA
2024-12-30 07:38:55 +01:00
parent 8f3b56903e
commit fb18bc243c
34 changed files with 147 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
public/img/icons/icon-background.svg
View File

@@ -1,49 +1,48 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
width="8.81834mm" height="14.4621mm"
viewBox="0 0 25 41">
<path id="outer"
fill="blue"
stroke="black"
stroke-width="0.3"
d="M 5.06,3.88
C 5.06,3.88 19.50,3.62 19.50,3.62
19.50,3.62 21.46,4.30 22.27,5.27
23.18,6.36 22.94,7.75 22.94,7.75
22.94,7.75 23.06,21.56 23.06,21.56
23.06,21.56 22.60,22.51 21.81,23.28
21.18,23.90 20.19,24.38 20.19,24.38
20.19,24.38 19.69,24.91 16.00,25.75
16.00,25.75 15.68,26.94 15.23,28.59
14.21,32.32 12.56,38.38 12.56,38.38
12.56,38.38 11.14,31.76 10.12,28.00
9.64,26.21 9.12,25.69 9.12,25.69
9.12,25.69 5.35,24.98 5.26,24.91
5.26,24.91 4.05,24.45 3.38,23.69
2.62,22.83 2.19,21.75 2.19,21.75
2.19,21.75 2.06,7.19 2.06,7.19
1.52,7.21 4.36,3.90 5.06,3.88 Z" />
<path id="inner"
fill="lightgreen"
stroke="black"
stroke-width="0.3"
d="M 4.35,6.43
C 3.69,7.15 3.38,8.00 3.38,8.00
3.38,8.00 3.66,21.56 3.66,21.56
3.66,21.56 4.24,22.28 5.00,22.87
5.65,23.37 6.65,23.57 6.65,23.57
7.75,23.59 19.44,23.19 19.44,23.19
19.44,23.19 20.28,22.92 20.91,22.22
21.42,21.66 21.83,21.26 21.83,21.26
21.83,21.26 21.75,7.94 21.75,8.06
21.75,8.14 21.49,6.96 20.78,6.17
20.33,5.68 19.31,5.44 19.31,5.44
19.31,5.44 5.75,5.44 5.75,5.44
5.75,5.44 4.86,5.88 4.35,6.43 Z" />
<svg
width="8.81834mm"
height="14.4621mm"
viewBox="0 0 25 41"
version="1.1"
id="svg1"
sodipodi:docname="icon-background.svg"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="16.377584"
inkscape:cx="20.637965"
inkscape:cy="29.888414"
inkscape:window-width="1600"
inkscape:window-height="829"
inkscape:window-x="1671"
inkscape:window-y="1440"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
id="outer"
fill="#AEAEAE"
stroke="#000000"
stroke-width="0.29698"
d="M 5.0582559,3.8656758 19.50163,3.616274 c 0,0 1.960457,0.6522815 2.770647,1.5827418 0.910212,1.0455689 0.670156,2.3789089 0.670156,2.3789089 l 0.120028,13.2470683 c 0,0 -0.460107,0.911276 -1.250292,1.649889 -0.630147,0.594727 -1.620378,1.055162 -1.620378,1.055162 0,0 -0.500117,0.508395 -4.190979,1.314155 0,0 -0.869675,1.874293 -1.31978,3.457035 -1.020238,3.577955 -2.304224,6.276531 -2.304224,6.276531 0,0 -0.824931,-2.365549 -1.84517,-5.972281 -0.480112,-1.717035 -1.4124335,-3.81884 -1.4124335,-3.81884 0,0 -3.7708809,-0.681058 -3.8609019,-0.748205 0,0 -1.2102827,-0.441249 -1.8804393,-1.170269 -0.7601775,-0.824944 -1.190278,-1.860921 -1.190278,-1.860921 L 2.0575549,7.0407517 C 1.5174288,7.0599367 4.3580923,3.8848605 5.0582559,3.8656758 Z"
sodipodi:nodetypes="ccccccccccccccccc" />
<path
id="inner"
fill="#ffffff"
stroke="#000000"
stroke-width="0.27421"
d="m 5.1425811,7.1294233 c -0.5874766,0.6413053 -0.8634128,1.398402 -0.8634128,1.398402 0,0 0.2492327,12.0779207 0.2492327,12.0779207 0,0 0.5162673,0.641304 1.1927556,1.166818 0.5785757,0.445352 1.4686917,0.623491 1.4686917,0.623491 0.979128,0.01781 11.3845877,-0.338466 11.3845877,-0.338466 0,0 0.747696,-0.240489 1.30847,-0.863981 0.45396,-0.498793 0.818907,-0.855074 0.818907,-0.855074 0,0 -0.07122,-11.8641507 -0.07122,-11.7572665 0,0.071256 -0.23143,-0.9797723 -0.863412,-1.6834268 -0.400548,-0.4364441 -1.308466,-0.6502126 -1.308466,-0.6502126 0,0 -12.0699763,0 -12.0699763,0 0,0 -0.7922036,0.3919091 -1.2461636,0.8817952 z" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

49
public/img/icons/icon-background3.svg Normal file
View File

@@ -0,0 +1,49 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg"
width="8.81834mm" height="14.4621mm"
viewBox="0 0 25 41">
<path id="outer"
fill="blue"
stroke="black"
stroke-width="0.3"
d="M 5.06,3.88
C 5.06,3.88 19.50,3.62 19.50,3.62
19.50,3.62 21.46,4.30 22.27,5.27
23.18,6.36 22.94,7.75 22.94,7.75
22.94,7.75 23.06,21.56 23.06,21.56
23.06,21.56 22.60,22.51 21.81,23.28
21.18,23.90 20.19,24.38 20.19,24.38
20.19,24.38 19.69,24.91 16.00,25.75
16.00,25.75 15.68,26.94 15.23,28.59
14.21,32.32 12.56,38.38 12.56,38.38
12.56,38.38 11.14,31.76 10.12,28.00
9.64,26.21 9.12,25.69 9.12,25.69
9.12,25.69 5.35,24.98 5.26,24.91
5.26,24.91 4.05,24.45 3.38,23.69
2.62,22.83 2.19,21.75 2.19,21.75
2.19,21.75 2.06,7.19 2.06,7.19
1.52,7.21 4.36,3.90 5.06,3.88 Z" />
<path id="inner"
fill="lightgreen"
stroke="black"
stroke-width="0.3"
d="M 4.35,6.43
C 3.69,7.15 3.38,8.00 3.38,8.00
3.38,8.00 3.66,21.56 3.66,21.56
3.66,21.56 4.24,22.28 5.00,22.87
5.65,23.37 6.65,23.57 6.65,23.57
7.75,23.59 19.44,23.19 19.44,23.19
19.44,23.19 20.28,22.92 20.91,22.22
21.42,21.66 21.83,21.26 21.83,21.26
21.83,21.26 21.75,7.94 21.75,8.06
21.75,8.14 21.49,6.96 20.78,6.17
20.33,5.68 19.31,5.44 19.31,5.44
19.31,5.44 5.75,5.44 5.75,5.44
5.75,5.44 4.86,5.88 4.35,6.43 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

1
public/img/icons/marker-icon-1.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M25.996 15.998c6.337 0 9.932 4.194 10.454 9.26h.16c4.078 0 7.384 3.297 7.384 7.365s-3.306 7.365-7.384 7.365H15.38c-4.077 0-7.383-3.298-7.383-7.365s3.306-7.365 7.384-7.365h.16c.526-5.1 4.118-9.26 10.455-9.26M7.569 24.19a1.75 1.75 0 0 1-.499 2.3l-.142.09l-1.299.75a1.75 1.75 0 0 1-1.892-2.94l.142-.09l1.3-.75a1.75 1.75 0 0 1 2.39.64m14.136-9.54c-3.801 1.22-6.509 4.091-7.62 7.922l-.094.34l-.116.476l-.412.077a9.3 9.3 0 0 0-3.342 1.43A7.883 7.883 0 0 1 21.705 14.65m-16.2-.671l.132.055l1.36.634a1.75 1.75 0 0 1-1.347 3.227l-.132-.055l-1.36-.634a1.75 1.75 0 0 1 1.347-3.227m19.11-5.763a1.75 1.75 0 0 1 .508 2.317l-.078.12l-.86 1.23a1.75 1.75 0 0 1-2.945-1.887l.078-.121l.86-1.229a1.75 1.75 0 0 1 2.438-.43m-10.291-.419l.065.156l.513 1.41a1.75 1.75 0 0 1-3.224 1.352l-.065-.156l-.513-1.41a1.75 1.75 0 0 1 3.224-1.352"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 932 B

1
public/img/icons/marker-icon-10.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 14q.425 0 .713-.288T8 13t-.288-.712T7 12t-.712.288T6 13t.288.713T7 14m0-4q.425 0 .713-.288T8 9t-.288-.712T7 8t-.712.288T6 9t.288.713T7 10m2 4h9v-2H9zm0-4h9V8H9zM8 21v-2H4q-.825 0-1.412-.587T2 17V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v12q0 .825-.587 1.413T20 19h-4v2zm-4-4h16V5H4zm0 0V5z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 419 B

1
public/img/icons/marker-icon-11.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="14.67" cy="8.3" r="6" fill="currentColor" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M16.44 31.82a2.15 2.15 0 0 1-.38-2.55l.53-1l-1.09-.33a2.14 2.14 0 0 1-1.5-2.1v-2.05a2.16 2.16 0 0 1 1.53-2.07l1.09-.33l-.52-1a2.17 2.17 0 0 1 .35-2.52a19 19 0 0 0-2.32-.16A15.58 15.58 0 0 0 2 23.07v7.75a1 1 0 0 0 1 1z" class="clr-i-solid clr-i-solid-path-2"/><path fill="currentColor" d="m33.7 23.46l-2-.6a6.7 6.7 0 0 0-.58-1.42l1-1.86a.35.35 0 0 0-.07-.43l-1.45-1.46a.38.38 0 0 0-.43-.07l-1.85 1a7.7 7.7 0 0 0-1.43-.6l-.61-2a.38.38 0 0 0-.36-.25h-2.08a.38.38 0 0 0-.35.26l-.6 2a7 7 0 0 0-1.45.61l-1.81-1a.38.38 0 0 0-.44.06l-1.47 1.44a.37.37 0 0 0-.07.44l1 1.82a7.2 7.2 0 0 0-.65 1.43l-2 .61a.36.36 0 0 0-.26.35v2.05a.36.36 0 0 0 .26.35l2 .61a7.3 7.3 0 0 0 .6 1.41l-1 1.9a.37.37 0 0 0 .07.44L19.16 32a.38.38 0 0 0 .44.06l1.87-1a7 7 0 0 0 1.4.57l.6 2.05a.38.38 0 0 0 .36.26h2.05a.38.38 0 0 0 .35-.26l.6-2.05a6.7 6.7 0 0 0 1.38-.57l1.89 1a.38.38 0 0 0 .44-.06L32 30.55a.38.38 0 0 0 .06-.44l-1-1.88a7 7 0 0 0 .57-1.38l2-.61a.39.39 0 0 0 .27-.35v-2.07a.4.4 0 0 0-.2-.36m-8.83 4.72a3.34 3.34 0 1 1 3.33-3.34a3.34 3.34 0 0 1-3.33 3.34" class="clr-i-solid clr-i-solid-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

1
public/img/icons/marker-icon-12.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7 2v11h3v9l7-12h-4l4-8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 145 B

1
public/img/icons/marker-icon-13.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 156 B

1
public/img/icons/marker-icon-14.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><rect width="7" height="5" x="3" y="2" fill="currentColor" rx=".6"/><rect width="7" height="5" x="8.5" y="17" fill="currentColor" rx=".6"/><rect width="7" height="5" x="14" y="2" fill="currentColor" rx=".6"/><path d="M6.5 7v3.5a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2V7M12 12.5V17"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 422 B

1
public/img/icons/marker-icon-15.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M133.445 341.349c23.77 34.07 61.384 57.763 104.687 62.926a137.9 137.9 0 0 0 18.333 43.724L256 448c-60.315 0-114.134-27.812-149.333-71.31V448H64V298.667h149.333v42.666zm165.222-128.016H448V64h-42.667v71.31C370.134 91.812 316.315 64 256 64c-97.974 0-178.808 73.383-190.537 168.183l42.341 5.293c9.123-73.734 71.994-130.809 148.196-130.809c50.747 0 95.581 25.312 122.567 64h-79.9zm175.951 126.203l-18.963 10.948a85.4 85.4 0 0 1 3.094 22.849a85.4 85.4 0 0 1-3.094 22.85l18.963 10.948a106 106 0 0 1-7.781 17.724l-1.992 3.45a107 107 0 0 1-11.586 15.761l-18.957-10.944c-10.7 10.895-24.301 18.931-39.553 22.856v21.888A107 107 0 0 1 373.416 480c-7.306 0-14.44-.735-21.334-2.134v-21.888c-15.252-3.926-28.855-11.962-39.555-22.859l-18.956 10.944a107 107 0 0 1-11.628-15.831l-1.906-3.302a106 106 0 0 1-7.823-17.803l18.961-10.948a85.4 85.4 0 0 1-3.093-22.846a85.4 85.4 0 0 1 3.093-22.846l-18.961-10.947a106 106 0 0 1 7.824-17.806l1.904-3.297a107 107 0 0 1 11.629-15.834l18.956 10.944c10.7-10.896 24.303-18.933 39.555-22.859v-21.887a107 107 0 0 1 21.334-2.134c7.306 0 14.44.734 21.333 2.133v21.888c15.252 3.926 28.853 11.962 39.553 22.857l18.957-10.945a107 107 0 0 1 11.588 15.763l1.989 3.446a106 106 0 0 1 7.782 17.727m-69.201 33.797c0 17.673-14.327 32-32 32s-32-14.327-32-32s14.327-32 32-32s32 14.327 32 32" clip-rule="evenodd"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
public/img/icons/marker-icon-16.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="currentColor" d="M1.5 15a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1H13V2.5A1.5 1.5 0 0 0 11.5 1H11V.5a.5.5 0 0 0-.57-.495l-7 1A.5.5 0 0 0 3 1.5V15zM11 2h.5a.5.5 0 0 1 .5.5V15h-1zm-2.5 8c-.276 0-.5-.448-.5-1s.224-1 .5-1s.5.448.5 1s-.224 1-.5 1"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 336 B

1
public/img/icons/marker-icon-17.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="currentColor"><path d="M13 7H7v6h6z"/><path fill-rule="evenodd" d="M7 2a1 1 0 0 1 2 0v1h2V2a1 1 0 1 1 2 0v1h2a2 2 0 0 1 2 2v2h1a1 1 0 1 1 0 2h-1v2h1a1 1 0 1 1 0 2h-1v2a2 2 0 0 1-2 2h-2v1a1 1 0 1 1-2 0v-1H9v1a1 1 0 1 1-2 0v-1H5a2 2 0 0 1-2-2v-2H2a1 1 0 1 1 0-2h1V9H2a1 1 0 0 1 0-2h1V5a2 2 0 0 1 2-2h2zM5 5h10v10H5z" clip-rule="evenodd"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 438 B

1
public/img/icons/marker-icon-18.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="m32.85 28.13l-.34-.3A14.4 14.4 0 0 1 30 24.9a12.6 12.6 0 0 1-1.35-4.81v-4.94A10.81 10.81 0 0 0 19.21 4.4V3.11a1.33 1.33 0 1 0-2.67 0v1.31a10.81 10.81 0 0 0-9.33 10.73v4.94a12.6 12.6 0 0 1-1.35 4.81a14.4 14.4 0 0 1-2.47 2.93l-.34.3v2.82h29.8Z" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M15.32 32a2.65 2.65 0 0 0 5.25 0Z" class="clr-i-solid clr-i-solid-path-2"/><path fill="none" d="M0 0h36v36H0z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

1
public/img/icons/marker-icon-19.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.25 3a.75.75 0 0 1 .75-.75A7.75 7.75 0 0 1 21.75 10a.75.75 0 0 1-1.5 0A6.25 6.25 0 0 0 14 3.75a.75.75 0 0 1-.75-.75m0 4a.75.75 0 0 1 .75-.75A3.75 3.75 0 0 1 17.75 10a.75.75 0 0 1-1.5 0A2.25 2.25 0 0 0 14 7.75a.75.75 0 0 1-.75-.75M9.004 3.416C8.432 2.606 7.64 2.241 6.8 2.25c-.797.008-1.573.349-2.221.803A6.2 6.2 0 0 0 2.92 4.79c-.41.649-.706 1.416-.666 2.165c.193 3.603 2.22 7.453 5.067 10.302c2.845 2.846 6.644 4.824 10.48 4.446c.752-.074 1.463-.457 2.044-.945a5.8 5.8 0 0 0 1.443-1.84c.34-.692.543-1.49.431-2.267c-.116-.81-.569-1.534-1.402-2.014a16 16 0 0 1-.512-.31c-.15-.093-.31-.194-.504-.31a7.5 7.5 0 0 0-1.249-.618c-.447-.163-.958-.27-1.49-.197c-.551.076-1.063.336-1.506.802c-.341.36-.843.472-1.549.268c-.718-.208-1.526-.724-2.228-1.422c-.702-.696-1.233-1.51-1.46-2.245c-.224-.728-.125-1.263.225-1.632c.473-.498.725-1.052.778-1.638c.052-.57-.09-1.106-.293-1.574c-.304-.699-.82-1.394-1.224-1.936a22 22 0 0 1-.3-.41"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

1
public/img/icons/marker-icon-2.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 8h8.5a2.5 2.5 0 1 0-2.34-3.24M3 12h15.5a2.5 2.5 0 1 1-2.34 3.24M4 16h5.5a2.5 2.5 0 1 1-2.34 3.24"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 298 B

0
public/img/icons/marker-icon-20-2.png → public/img/icons/marker-icon-20.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 2.9 KiB

1
public/img/icons/marker-icon-21.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.582 2.377a.75.75 0 0 1 .836 0l.961.646a11.44 11.44 0 0 0 5.238 1.885A1.26 1.26 0 0 1 19.75 6.16V11c0 3.004-1.929 5.688-3.709 7.544a24 24 0 0 1-3.54 3.022q-.041.03-.064.044l-.017.012l-.005.003l-.002.001L12 21l-.412.627l-.002-.002l-.006-.003l-.017-.012l-.065-.044l-.234-.163a24 24 0 0 1-3.305-2.859C6.179 16.688 4.25 14.004 4.25 11V6.16c0-.647.49-1.188 1.133-1.252a11.44 11.44 0 0 0 5.238-1.885zM12 21l-.412.627a.75.75 0 0 0 .824 0zm-.75-1.488V11.75H5.8c.28 2.125 1.701 4.15 3.241 5.756a23 23 0 0 0 2.209 2.006m7-9.262V6.377a12.94 12.94 0 0 1-5.5-1.973v5.846z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 682 B

1
public/img/icons/marker-icon-22.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.825 22q-.675 0-1.162-.45t-.588-1.1L8.85 18.8q-.325-.125-.612-.3t-.563-.375l-1.55.65q-.625.275-1.25.05t-.975-.8l-1.175-2.05q-.35-.575-.2-1.225t.675-1.075l1.325-1Q4.5 12.5 4.5 12.337v-.675q0-.162.025-.337l-1.325-1Q2.675 9.9 2.525 9.25t.2-1.225L3.9 5.975q.35-.575.975-.8t1.25.05l1.55.65q.275-.2.575-.375t.6-.3l.225-1.65q.1-.65.588-1.1T10.825 2h2.35q.675 0 1.163.45t.587 1.1l.225 1.65q.325.125.613.3t.562.375l1.55-.65q.625-.275 1.25-.05t.975.8l1.175 2.05q.35.575.2 1.225t-.675 1.075l-1.325 1q.025.175.025.338v.674q0 .163-.05.338l1.325 1q.525.425.675 1.075t-.2 1.225l-1.2 2.05q-.35.575-.975.8t-1.25-.05l-1.5-.65q-.275.2-.575.375t-.6.3l-.225 1.65q-.1.65-.587 1.1t-1.163.45zm1.225-6.5q1.45 0 2.475-1.025T15.55 12t-1.025-2.475T12.05 8.5q-1.475 0-2.488 1.025T8.55 12t1.013 2.475T12.05 15.5"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 905 B

1
public/img/icons/marker-icon-23.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m119.51 143.51l88-88a12 12 0 1 1 17 17l-88 88a12 12 0 1 1-17-17m14.23-43.2a12 12 0 1 0 2.62-23.85A75 75 0 0 0 128 76a76.08 76.08 0 0 0-76 76a12 12 0 0 0 24 0a52.06 52.06 0 0 1 52-52a55 55 0 0 1 5.74.31m101.54 7.5a12 12 0 0 0-22.19 9.19a92.47 92.47 0 0 1 2.58 63H40.34A92.23 92.23 0 0 1 128 60h.84a91.4 91.4 0 0 1 34.2 6.91a12 12 0 0 0 9.14-22.19A116.07 116.07 0 0 0 18.57 190.58A20.09 20.09 0 0 0 37.46 204h181.07a20.06 20.06 0 0 0 18.88-13.38a116.4 116.4 0 0 0-2.13-82.81"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 597 B

1
public/img/icons/marker-icon-24.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M2 22h32v-8H2Zm8-5h14v2H10Zm-4 0h2v2H6Z" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M32 4H4a2 2 0 0 0-2 2v6h32V6a2 2 0 0 0-2-2M8 9H6V7h2Zm16 0H10V7h14Z" class="clr-i-solid clr-i-solid-path-2"/><path fill="currentColor" d="M2 30a2 2 0 0 0 2 2h28a2 2 0 0 0 2-2v-6H2Zm8-3h14v2H10Zm-4 0h2v2H6Z" class="clr-i-solid clr-i-solid-path-3"/><path fill="none" d="M0 0h36v36H0z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 512 B

1
public/img/icons/marker-icon-25.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M212 56a28 28 0 1 0 28 28a28 28 0 0 0-28-28m0 40a12 12 0 1 1 12-12a12 12 0 0 1-12 12m-60 50.08V40a32 32 0 0 0-64 0v106.08a56 56 0 1 0 64 0M136 104h-32V40a16 16 0 0 1 32 0Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 296 B

1
public/img/icons/marker-icon-26.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.55 24l2.35-2.675l-2-1L14.8 17h2.65l-2.35 2.675l2 1L14.2 24zm-6 0l2.35-2.675l-2-1L8.8 17h2.65L9.1 19.675l2 1L8.2 24zm1.95-8q-2.275 0-3.887-1.612T2 10.5q0-2.075 1.375-3.625t3.4-1.825q.8-1.425 2.188-2.238T12 2q2.25 0 3.913 1.438t2.012 3.587q1.725.15 2.9 1.425T22 11.5q0 1.875-1.312 3.188T17.5 16z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 418 B

1
public/img/icons/marker-icon-27.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m11.55 24l2.35-2.675l-2-1L14.8 17h2.65l-2.35 2.675l2 1L14.2 24zm-6 0l2.35-2.675l-2-1L8.8 17h2.65L9.1 19.675l2 1L8.2 24zm1.95-8q-2.275 0-3.887-1.612T2 10.5q0-2.075 1.375-3.625t3.4-1.825q.8-1.425 2.188-2.238T12 2q2.25 0 3.913 1.438t2.012 3.587q1.725.15 2.9 1.425T22 11.5q0 1.875-1.312 3.188T17.5 16z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 418 B

1
public/img/icons/marker-icon-28.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17 14h-4.341a6 6 0 1 1 0-4H23v4h-2v4h-4zM7 14a2 2 0 1 0 0-4a2 2 0 0 0 0 4"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 195 B

1
public/img/icons/marker-icon-29.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M928.99 755.83L574.6 203.25c-12.89-20.16-36.76-32.58-62.6-32.58s-49.71 12.43-62.6 32.58L95.01 755.83c-12.91 20.12-12.9 44.91.01 65.03c12.92 20.12 36.78 32.51 62.59 32.49h708.78c25.82.01 49.68-12.37 62.59-32.49s12.92-44.91.01-65.03M554.67 768h-85.33v-85.33h85.33zm0-426.67v298.66h-85.33V341.32z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 422 B

1
public/img/icons/marker-icon-3.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M38.1421 38.1421C45.9526 30.3316 45.9526 17.6684 38.1421 9.85786C30.3316 2.04738 17.6684 2.04738 9.85786 9.85786C2.04738 17.6684 2.04738 30.3316 9.85786 38.1421M32.4853 32.4853C37.1716 27.799 37.1716 20.201 32.4853 15.5147C27.799 10.8284 20.201 10.8284 15.5147 15.5147C10.8284 20.201 10.8284 27.799 15.5147 32.4853"/><path fill="#2f88ff" d="M28 24C28 26.2091 26.2091 28 24 28C21.7909 28 20 26.2091 20 24C20 21.7909 21.7909 20 24 20C26.2091 20 28 21.7909 28 24Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24 28C26.2091 28 28 26.2091 28 24C28 21.7909 26.2091 20 24 20C21.7909 20 20 21.7909 20 24C20 26.2091 21.7909 28 24 28ZM24 28V44M24 44H28M24 44H20"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 894 B

1
public/img/icons/marker-icon-30.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2c2.5 0 2.5-2 5-2c1.3 0 1.9.5 2.5 1M2 12c.6.5 1.2 1 2.5 1c2.5 0 2.5-2 5-2c2.6 0 2.4 2 5 2c2.5 0 2.5-2 5-2c1.3 0 1.9.5 2.5 1M2 18c.6.5 1.2 1 2.5 1c2.5 0 2.5-2 5-2c2.6 0 2.4 2 5 2c2.5 0 2.5-2 5-2c1.3 0 1.9.5 2.5 1"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 460 B

1
public/img/icons/marker-icon-31.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5c-1.11 0-2 .89-2 2v10c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V7c0-1.11-.89-2-2-2zm.5 2a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h13v10H7zm1 1v8h3V8zm4 0v8h3V8zm4 0v8h3V8zM9 9h1v1H9zm4 0h1v1h-1zm4 0h1v1h-1z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 344 B

1
public/img/icons/marker-icon-4.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 5c-1.11 0-2 .89-2 2v10c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V7c0-1.11-.89-2-2-2zm.5 2a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1M7 7h13v10H7zm1 1v8h3V8zm4 0v8h3V8zm4 0v8h3V8zM9 9h1v1H9zm4 0h1v1h-1zm4 0h1v1h-1z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 344 B

1
public/img/icons/marker-icon-5.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 21v-2l1-1H4q-.825 0-1.412-.587T2 16V5q0-.825.588-1.412T4 3h16q.825 0 1.413.588T22 5v11q0 .825-.587 1.413T20 18h-3l1 1v2zm-2-5h16V5H4zm0 0V5z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 264 B

1
public/img/icons/marker-icon-6.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 6h18V4H4c-1.1 0-2 .9-2 2v11H0v3h14v-3H4zm19 2h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1m-1 9h-4v-7h4z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 257 B

1
public/img/icons/marker-icon-7.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m5 11l1.5-4.5h11L19 11m-1.5 5a1.5 1.5 0 0 1-1.5-1.5a1.5 1.5 0 0 1 1.5-1.5a1.5 1.5 0 0 1 1.5 1.5a1.5 1.5 0 0 1-1.5 1.5m-11 0A1.5 1.5 0 0 1 5 14.5A1.5 1.5 0 0 1 6.5 13A1.5 1.5 0 0 1 8 14.5A1.5 1.5 0 0 1 6.5 16M18.92 6c-.2-.58-.76-1-1.42-1h-11c-.66 0-1.22.42-1.42 1L3 12v8a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h12v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-8z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 462 B

1
public/img/icons/marker-icon-8.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.12 10H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.84-1.46-.84c-.18 0-.34.03-.5.08L6 5.8V11h1.8V7.33l2.11-.66L6 22h1.8l2.87-8.11L13 17v5h1.8v-6.41l-2.49-4.54l.73-2.87M14 3.8c1 0 1.8-.8 1.8-1.8S15 .2 14 .2S12.2 1 12.2 2S13 3.8 14 3.8"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 345 B

1
public/img/icons/marker-icon-9.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="ipTSwitchButton0"><g fill="#555555" stroke="#fff" stroke-linejoin="round" stroke-width="4"><path d="M36 4H12a8 8 0 1 0 0 16h24a8 8 0 1 0 0-16Zm0 24H12a8 8 0 1 0 0 16h24a8 8 0 1 0 0-16Z"/><path d="M36 14a2 2 0 1 0 0-4a2 2 0 0 0 0 4ZM12 38a2 2 0 1 0 0-4a2 2 0 0 0 0 4Z"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipTSwitchButton0)"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 467 B

33
utils/createAndSetDevices.js
View File

@@ -81,30 +81,41 @@ export const createAndSetDevices = async (systemId, setMarkersFunction, GisSyste
console.log(`Station: ${station.LD_Name}, Min Level: ${minLevel}, Color: ${color}`);
// **CSS-Filter für dynamische Einfärbung des Icons**
const outerColor = "rgba(255, 0, 0, 0.7)"; // Rot mit 70% Deckkraft
const innerColor = "rgba(255, 255, 255, 0.8)"; // Weiß mit 80% Deckkraft
const marker = L.marker([station.X, station.Y], {
icon: L.divIcon({
className: `custom-marker`,
html: `
<div style="
width: 25px;
height: 41px;
background-image: url('img/icons/icon-background.svg'); /* SVG als Hintergrund */
background-size: cover; /* Passt SVG an Größe an */
width: 30px;
height: 45px;
position: relative;">
<!-- SVG direkt eingebettet -->
<svg width="30" height="45" viewBox="0 0 25 41" xmlns="http://www.w3.org/2000/svg">
<!-- Äußere Form -->
<path id="outer" fill="${outerColor}" stroke="#000000" stroke-width="0.3"
d="M 5.0582559,3.8656758 19.50163,3.616274 c 0,0 1.960457,0.6522815 2.770647,1.5827418 0.910212,1.0455689 0.670156,2.3789089 0.670156,2.3789089 l 0.120028,13.2470683 c 0,0 -0.460107,0.911276 -1.250292,1.649889 -0.630147,0.594727 -1.620378,1.055162 -1.620378,1.055162 0,0 -0.500117,0.508395 -4.190979,1.314155 0,0 -0.869675,1.874293 -1.31978,3.457035 -1.020238,3.577955 -2.304224,6.276531 -2.304224,6.276531 0,0 -0.824931,-2.365549 -1.84517,-5.972281 -0.480112,-1.717035 -1.4124335,-3.81884 -1.4124335,-3.81884 0,0 -3.7708809,-0.681058 -3.8609019,-0.748205 0,0 -1.2102827,-0.441249 -1.8804393,-1.170269 -0.7601775,-0.824944 -1.190278,-1.860921 -1.190278,-1.860921 L 2.0575549,7.0407517 C 1.5174288,7.0599367 4.3580923,3.8848605 5.0582559,3.8656758 Z" />
<!-- Innere Form -->
<path id="inner" fill="${innerColor}" stroke="#000000" stroke-width="0.27"
d="m 5.1425811,7.1294233 c -0.5874766,0.6413053 -0.8634128,1.398402 -0.8634128,1.398402 0,0 0.2492327,12.0779207 0.2492327,12.0779207 0,0 0.5162673,0.641304 1.1927556,1.166818 0.5785757,0.445352 1.4686917,0.623491 1.4686917,0.623491 0.979128,0.01781 11.3845877,-0.338466 11.3845877,-0.338466 0,0 0.747696,-0.240489 1.30847,-0.863981 0.45396,-0.498793 0.818907,-0.855074 0.818907,-0.855074 0,0 -0.07122,-11.8641507 -0.07122,-11.7572665 0,0.071256 -0.23143,-0.9797723 -0.863412,-1.6834268 -0.400548,-0.4364441 -1.308466,-0.6502126 -1.308466,-0.6502126 0,0 -12.0699763,0 -12.0699763,0 0,0 -0.7922036,0.3919091 -1.2461636,0.8817952 z" />
</svg>
<!-- Dynamisch eingefügtes Symbol -->
<img src="img/icons/marker-icon-${station.Icon}.svg"
style="position: absolute;
top: 4px; /* Höher verschieben (weniger Pixel) */
left: 4px; /* Weiter nach links verschieben */
width: 17px; /* Optional anpassen für zentrierte Größe */
height: 17px;
top: 6px;
left: 5px;
width: 20px;
height: 20px;
filter: hue-rotate(${minLevel * 30}deg) brightness(0) saturate(100%)
drop-shadow(0 0 3px ${color});"
class="marker-icon-${minLevel}" />
drop-shadow(0 0 3px ${color});" />
</div>`,
iconSize: [25, 41],
iconSize: [30, 45],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
}),
zIndexOffset: 100 * (6 - minLevel),
});