homepoint design and auto fixes

This commit is contained in:
Constantin Leue
2026-08-09 20:40:37 +02:00
parent d8a0809935
commit c9f16b13f8
12 changed files with 98 additions and 3 deletions
Binary file not shown.
+2 -3
View File
@@ -35,13 +35,12 @@ class UdpTransport implements LinkTransport {
UdpTransport({
required this._getHost,
required Future<int> Function() getPort,
required this._getPort,
required this._getSsidPrefix,
required this._getRememberedSsid,
required this._rememberSsid,
MlrsNetworkController? networkController,
}) : _getPort = getPort,
_networkController =
}) : _networkController =
networkController ?? MethodChannelMlrsNetworkController();
final Future<String?> Function() _getHost;
+5
View File
@@ -0,0 +1,5 @@
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Homepoint-Icon: Sechseck mit H</title>
<polygon points="36,6 62,21 62,51 36,66 10,51 10,21" fill="#161616" stroke="#ffffff" stroke-width="3" stroke-linejoin="round"/>
<text x="36" y="51" text-anchor="middle" style="font-size:44px;font-weight:700;font-family:sans-serif" fill="#ffffff">H</text>
</svg>

After

Width:  |  Height:  |  Size: 403 B

+5
View File
@@ -0,0 +1,5 @@
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Homepoint-Icon: Achteck mit H</title>
<polygon points="17,4 55,4 68,17 68,55 55,68 17,68 4,55 4,17" fill="#161616" stroke="#ffffff" stroke-width="3" stroke-linejoin="round"/>
<text x="36" y="56" text-anchor="middle" style="font-size:56px;font-weight:700;font-family:sans-serif" fill="#ffffff">H</text>
</svg>

After

Width:  |  Height:  |  Size: 411 B

+4
View File
@@ -0,0 +1,4 @@
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Homepoint-Icon: Pentagon-Häuschen</title>
<polygon points="20,52 20,34 36,16 52,34 52,52" fill="#161616" stroke="#ffffff" stroke-width="3" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 275 B

+5
View File
@@ -0,0 +1,5 @@
<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg" role="img">
<title>Homepoint-Icon: abgerundetes Quadrat mit H</title>
<rect x="4" y="4" width="64" height="64" rx="14" fill="#161616" stroke="#ffffff" stroke-width="3"/>
<text x="36" y="56" text-anchor="middle" style="font-size:58px;font-weight:700;font-family:sans-serif" fill="#ffffff">H</text>
</svg>

After

Width:  |  Height:  |  Size: 387 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 104 KiB

+27
View File
@@ -0,0 +1,27 @@
<svg width="100%" viewBox="0 0 680 280" xmlns="http://www.w3.org/2000/svg" role="img" style="">
<title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Homepoint als Häuschen-Icon auf hellem Hintergrund</title>
<desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Drei Varianten eines schwarzen Häuschen-Icons mit weißem Rand als Homepoint-Markierung, jeweils neben einem Wegpunkt-Kreis zum Größenvergleich: Pentagon-Silhouette, klassisch zweiteilig, mit Tür.</desc>
<defs><marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M2 1L8 5L2 9" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></marker></defs>
<rect x="40" y="40" width="180" height="220" rx="12" fill="#e9e5da" style="fill:rgb(233, 229, 218);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="250" y="40" width="180" height="220" rx="12" fill="#e9e5da" style="fill:rgb(233, 229, 218);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="460" y="40" width="180" height="220" rx="12" fill="#e9e5da" style="fill:rgb(233, 229, 218);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="115,156 115,138 130,120 145,138 145,156" fill="#161616" stroke="#ffffff" stroke-width="2.5" stroke-linejoin="round" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:round;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="172" cy="158" r="9" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="172" y="180" text-anchor="middle" style="font-size:9px;fill:rgb(107, 106, 99);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:9px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#6b6a63">WP</text>
<rect x="326" y="138" width="28" height="18" rx="3" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="323,138 340,118 357,138" fill="#161616" stroke="#ffffff" stroke-width="2.5" stroke-linejoin="round" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:round;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="382" cy="158" r="9" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="382" y="180" text-anchor="middle" style="font-size:9px;fill:rgb(107, 106, 99);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:9px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#6b6a63">WP</text>
<polygon points="535,156 535,138 550,120 565,138 565,156" fill="#161616" stroke="#ffffff" stroke-width="2.5" stroke-linejoin="round" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:round;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="545" y="147" width="10" height="9" rx="1" fill="#ffffff" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<circle cx="592" cy="158" r="9" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="592" y="180" text-anchor="middle" style="font-size:9px;fill:rgb(107, 106, 99);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:9px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#6b6a63">WP</text>
<text x="130" y="235" text-anchor="middle" style="font-size:13px;fill:rgb(51, 50, 45);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#33322d">Pentagon-silhouette</text>
<text x="340" y="235" text-anchor="middle" style="font-size:13px;fill:rgb(51, 50, 45);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#33322d">Klassisch, zweiteilig</text>
<text x="550" y="235" text-anchor="middle" style="font-size:13px;fill:rgb(51, 50, 45);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#33322d">Mit tür</text>
</svg>

After

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

+25
View File
@@ -0,0 +1,25 @@
<svg width="100%" viewBox="0 0 680 280" xmlns="http://www.w3.org/2000/svg" role="img" style="">
<title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Homepoint-Marker im Look der App, Version 3</title>
<desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Drei Formvarianten für den Homepoint-Marker mit korrigiertem symmetrischen Achteck und größerem zentrierten H: Sechseck, abgerundetes Quadrat, Achteck.</desc>
<defs><marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M2 1L8 5L2 9" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></marker></defs>
<rect x="40" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="250" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="460" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="159,113 130,96 101,113 101,147 130,164 159,147" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="130" y="147" text-anchor="middle" style="font-size:48px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:48px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="178" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="308" y="98" width="64" height="64" rx="14" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="340" y="147" text-anchor="middle" style="font-size:48px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:48px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="388" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="531,98 569,98 582,111 582,149 569,162 531,162 518,149 518,111" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="550" y="147" text-anchor="middle" style="font-size:48px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:48px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="608" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="130" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Sechseck</text>
<text x="340" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Abgerundetes quadrat</text>
<text x="550" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Achteck</text>
</svg>

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

+25
View File
@@ -0,0 +1,25 @@
<svg width="100%" viewBox="0 0 680 280" xmlns="http://www.w3.org/2000/svg" role="img" style="">
<title style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Homepoint-Marker im Look der App, Version 4</title>
<desc style="fill:rgb(0, 0, 0);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">Drei Formvarianten für den Homepoint-Marker mit maximal großem H und minimalem Innenabstand zum Rand: Sechseck, abgerundetes Quadrat, Achteck.</desc>
<defs><marker id="arrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto-start-reverse"><path d="M2 1L8 5L2 9" fill="none" stroke="context-stroke" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></marker></defs>
<rect x="40" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="250" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="460" y="40" width="180" height="220" rx="12" fill="#23262b" style="fill:rgb(35, 38, 43);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="159,113 130,96 101,113 101,147 130,164 159,147" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="130" y="149" text-anchor="middle" style="font-size:52px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:52px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="178" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<rect x="308" y="98" width="64" height="64" rx="14" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="340" y="150" text-anchor="middle" style="font-size:58px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:58px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="388" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<polygon points="531,98 569,98 582,111 582,149 569,162 531,162 518,149 518,111" fill="#161616" stroke="#ffffff" stroke-width="2.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:2.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="550" y="149" text-anchor="middle" style="font-size:56px;font-weight:700;fill:rgb(255, 255, 255);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:56px;font-weight:700;text-anchor:middle;dominant-baseline:auto" fill="#ffffff">H</text>
<circle cx="608" cy="168" r="8" fill="#161616" stroke="#ffffff" stroke-width="1.5" style="fill:rgb(22, 22, 22);stroke:rgb(255, 255, 255);color:rgb(11, 11, 11);stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
<text x="130" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Sechseck</text>
<text x="340" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Abgerundetes quadrat</text>
<text x="550" y="225" text-anchor="middle" style="font-size:13px;fill:rgb(232, 232, 232);stroke:none;color:rgb(11, 11, 11);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:anthropic-sans, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif;font-size:13px;font-weight:400;text-anchor:middle;dominant-baseline:auto" fill="#e8e8e8">Achteck</text>
</svg>

After

Width:  |  Height:  |  Size: 7.0 KiB