Add rack image and SC diagram SVG

- Added a new image file for the rack located at feature/rack/rack.png.
- Introduced a new SVG file for the SC diagram at now/phys/sc-diagram.drawio.svg, containing detailed graphical representations of network components and their connections.
This commit is contained in:
Yuto Yamazaki
2025-12-18 19:44:42 +09:00
parent 56f54c10a5
commit 7b369f121f
10 changed files with 1596 additions and 485 deletions

View File

@@ -0,0 +1,315 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" style="background: transparent; background-color: transparent;" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="534px" height="482px" viewBox="-0.5 -0.5 534 482" content="&lt;mxfile&gt;&lt;diagram id=&quot;41dl40bhyq1pYzWGlvd1&quot; name=&quot;ページ1&quot;&gt;7Zpdc5s4FIZ/DTPJhTMgYYwvwWHTTtOtJ8426VUHg4o1AeSV5dreX7+SEZ+idtpi4nSSm0hH368eDtIxGpwk2xvqLxcfSYhiDejhVoPXGgCGBQ3+T1h2mWVsgMwQURzKSqVhhv9D0qhL6xqHaFWryAiJGV7WjQFJUxSwms2nlGzq1b6RuD7q0o+QYpgFfqxaH3DIFpnVBqPS/g7haJGPbFjjrCTx88pyJauFH5JNxQQ9DU4oISxLJdsJioV4uS5Zu79+UFpMjKKUPacBsLMW3/14LRcnJ8Z2+WopWachEg0MDbqbBWZotvQDUbrh+8ttC5bEsvgbjuMJiQnl+ZSkvJIrR0CUoe0Pp2kUi+fUIJIgRne8imxgSrl29eymFN+wpG1RER7o0ujLDY+KnktNeELK0i6RqQiCQk6DzMo1VhTgS6K7R57Rr4Z59ovI5pnrbS23k7lsGNH3YZH4VMiaBrKW3C7m0wjJWrBdSopin+Hv9d5/RxigoHO/QNzwPmWIpnw2Td0qIpE1i3GKJsUDqjfY0QCc7P+4fcUoeUKVEsu2DRfykoj6IebyNIjLzdeY8t4xSfdFVLAiO8sfWyAsC38pZphsI+GurvjUN4Q+ra6CmKxDMS9SjsBH1/d/3YANoX2UbKOFbKsDsK2zBhuqYA97AhsqYN94g09//3PAM+rHPWMntMAaLUYbLqAFF7MDXOyzxmWo4jLqCZehgovDHWDCTQ83fDf0d1P+CtEv7u4vXxwgMK4DVJxDKgAVL82uATIOv0mFfyYRSf3YK63tQNVwugLDkxA1UonKjqk9IGUc9s2/LNXoD5TqsF96DVT15aiM8aunqi+pivm8Wqoq18kTSwU7ksqoS3VMKbTF7LEiKs9+yXvh6bKVyHQvb1/+7cj982TydqbUuCeh5NDVY9j9YDs09AGwb+4fxRHslqOqzx7O7xwG9R7PYWNFqIe7ycD1oCU0cqYvL09xhzkgz8nuOXkssqLP3RSbA90YTD97GrBiPpg7pzwVidSF5g0119VsqHmW5lxrDtA8U3MdzbZFkeNpYydvtlr6aU1b69+1iPW5QRZfcMSTEc0vLM4Hn6le/r/cS6vP/eAp2u/HoNKEUT9d5fq6Za/5HC/z8fnisylk9hffaXPYeBDsPndadRlb2xIbveR+6dykMWGP0uT9VqRJuSyUnKc0fVIDVP9w7c0+3H+aDj7evp+OJp9fXB+74T7b5GmLl3cij6XIo+ihBFQtax/oFYvGgR87MY5EzJaRZcV6689RPCUrLCO6c8IYSXiFuFEQIBGB5gW+7KcwvLYIdELmeH+g6wAKqw6F0RL6gSeKNLeczd6Y+FUmYn+ZadDFQctoQAGHChStjmL4+1BA9RXzBsU5OIpRk4n+HEX+YcAbE+fmKBo3MsPs0VGov8cpULy2vQlIknzl03z6mkVYnvPDWVF2NCBWjYcVIbAO42EyglCLh9nt/FSPnG0BjcL47HiQHGNKMJ9hGVFpHHlHDW+UTV82KtlT+mmCDpodZYtWOtpDXKz7eVybKtfeSLNNzTFEwh2JwIEHRWTBHsnEWN8ngOaYMuGqUX3+nLM6U4oza3rLBIfh/gXSdjup31+6f8W0/QzZSgvo4h2jXlBmG8yChUvUT1Z+6tunDoRpHNItVRe7RRYIfloWni2/MsvgLb/Vg97/&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<g>
<rect x="0" y="1" width="160" height="200" rx="24" ry="24" fill="none" stroke="#000000" pointer-events="all" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 61 L 353 94.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 353 99.88 L 349.5 92.88 L 353 94.63 L 356.5 92.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 393.88 61 C 402.13 59.98 408.01 52.22 407.02 43.68 C 406.03 35.15 398.54 29.05 390.3 30.08 C 390.21 17.32 381.57 6.35 369.53 3.67 C 357.49 1 345.27 7.35 340.14 18.95 C 336.33 14.44 330.29 12.74 324.82 14.64 C 319.34 16.53 315.49 21.64 315.06 27.6 C 306.15 27.26 298.66 34.46 298.33 43.68 C 298 52.91 304.96 60.66 313.86 61 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2.39" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 31px; margin-left: 353px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ededed); line-height: 1.2; pointer-events: all; white-space: nowrap; ">
The Internet
</div>
</div>
</div>
</foreignObject>
<text x="353" y="35" fill="#000000" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
The Internet
</text>
</switch>
</g>
</g>
<g>
<path d="M 353 141 L 353 174.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 353 179.88 L 349.5 172.88 L 353 174.63 L 356.5 172.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="293" y="101" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 121px; margin-left: 294px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
GE-ONU
</div>
</div>
</div>
</foreignObject>
<text x="353" y="125" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
GE-ONU
</text>
</switch>
</g>
</g>
<g>
<path d="M 353 221 L 353 254.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 353 259.88 L 349.5 252.88 L 353 254.63 L 356.5 252.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="253" y="181" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 201px; margin-left: 254px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
Aterm WG1200HP4 (RT)
</div>
</div>
</div>
</foreignObject>
<text x="353" y="205" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
Aterm WG1200HP4 (RT)
</text>
</switch>
</g>
</g>
<g>
<path d="M 353 301 L 353 341 Q 353 351 363 351 L 406.63 351" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 351 L 404.88 354.5 L 406.63 351 L 404.88 347.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 361 Q 353 371 363 371 L 406.63 371" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 371 L 404.88 374.5 L 406.63 371 L 404.88 367.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 391 Q 353 401 363 401 L 406.63 401" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 401 L 404.88 404.5 L 406.63 401 L 404.88 397.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 411 Q 353 421 363 421 L 406.63 421" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 421 L 404.88 424.5 L 406.63 421 L 404.88 417.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 353 301 L 353 441 Q 353 451 363 451 L 406.63 451" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 411.88 451 L 404.88 454.5 L 406.63 451 L 404.88 447.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 303 301 L 303 351 Q 303 361 293 361 L 206.37 361" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 201.12 361 L 208.12 357.5 L 206.37 361 L 208.12 364.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<path d="M 253 281 L 206.37 281" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke" style="stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
<path d="M 201.12 281 L 208.12 277.5 L 206.37 281 L 208.12 284.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(0, 0, 0), rgb(255, 255, 255)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<rect x="253" y="261" width="200" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 281px; margin-left: 254px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
AT-x510-28GTX (L3 SW)
</div>
</div>
</div>
</foreignObject>
<text x="353" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
AT-x510-28GTX (L3 SW)
</text>
</switch>
</g>
</g>
<g>
<rect x="80" y="261" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 281px; margin-left: 81px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
WRC-BE36 (AP)
</div>
</div>
</div>
</foreignObject>
<text x="140" y="285" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
WRC-BE36 (AP)
</text>
</switch>
</g>
</g>
<g>
<rect x="413" y="341" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 361px; margin-left: 414px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
RPi4-01-PVE
<br/>
(廃止予定
<span style="color: light-dark(rgb(63, 63, 63), rgb(183, 183, 183)); background-color: transparent;">
)
</span>
</div>
</div>
</div>
</foreignObject>
<text x="473" y="365" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
RPi4-01-PVE...
</text>
</switch>
</g>
</g>
<g>
<rect x="413" y="391" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 411px; margin-left: 414px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
x86-01-pve
</div>
</div>
</div>
</foreignObject>
<text x="473" y="415" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
x86-01-pve
</text>
</switch>
</g>
</g>
<g>
<rect x="413" y="441" width="120" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 461px; margin-left: 414px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
n1-pro-pve
</div>
</div>
</div>
</foreignObject>
<text x="473" y="465" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
n1-pro-pve
</text>
</switch>
</g>
</g>
<g>
<rect x="40" y="341" width="160" height="40" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 361px; margin-left: 41px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
DESKTOP-MLIP7CV
</div>
</div>
</div>
</foreignObject>
<text x="120" y="365" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
DESKTOP-MLIP7CV
</text>
</switch>
</g>
</g>
<g>
<path d="M 20 86.7 C 20 85.19 20.58 83.74 21.62 82.67 C 22.66 81.6 24.07 81 25.54 81 L 44.51 81 C 47.55 81.03 50 83.58 50 86.7 L 50 135.3 C 50 138.42 47.55 140.97 44.51 141 L 25.54 141 C 24.07 141 22.66 140.4 21.62 139.33 C 20.58 138.26 20 136.81 20 135.3 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.17" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 21.17 86.4 L 21.17 135.6 L 48.83 135.67 L 48.83 86.4 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
<rect x="31.38" y="137.28" width="7.18" height="2.16" rx="1.08" ry="1.08" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 78.37 126.74 L 121.49 126.74 L 130 141 L 70 141 Z M 79.9 96 L 119.8 96 L 120.99 126.39 L 78.72 126.39 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 80.2 130.29 L 120.39 130.29 M 77.54 134.18 L 123.05 134.18 M 89.06 137.69 L 109.75 137.69" fill="none" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 81.85 98.73 L 117.91 98.73 L 118.92 123.66 L 80.79 123.66 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 30 96.7 C 30 95.19 30.58 93.74 31.62 92.67 C 32.66 91.6 34.07 91 35.54 91 L 54.51 91 C 57.55 91.03 60 93.58 60 96.7 L 60 145.3 C 60 148.42 57.55 150.97 54.51 151 L 35.54 151 C 34.07 151 32.66 150.4 31.62 149.33 C 30.58 148.26 30 146.81 30 145.3 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.17" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 31.17 96.4 L 31.17 145.6 L 58.83 145.67 L 58.83 96.4 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
<rect x="41.38" y="147.28" width="7.18" height="2.16" rx="1.08" ry="1.08" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 88.37 136.74 L 131.49 136.74 L 140 151 L 80 151 Z M 89.9 106 L 129.8 106 L 130.99 136.39 L 88.72 136.39 Z" fill="#cccccc" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 90.2 140.29 L 130.39 140.29 M 87.54 144.18 L 133.05 144.18 M 99.06 147.69 L 119.75 147.69" fill="none" stroke="#6881b3" stroke-width="1.18" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all" style="stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
<path d="M 91.85 108.73 L 127.91 108.73 L 128.92 133.66 L 90.79 133.66 Z" fill="#ffffff" stroke="none" pointer-events="all" style="fill: light-dark(rgb(255, 255, 255), rgb(18, 18, 18));"/>
</g>
<g>
<path d="M 137 258 L 99.2 231 L 110 227.4 L 83 204 L 120.8 231 L 110 234.6 Z" fill="#cccccc" stroke="#6881b3" stroke-width="2" stroke-miterlimit="10" pointer-events="all" style="fill: light-dark(rgb(204, 204, 204), rgb(62, 62, 62)); stroke: light-dark(rgb(104, 129, 179), rgb(107, 129, 172));"/>
</g>
<g>
<rect x="30" y="181" width="100" height="20" fill="none" stroke="none" pointer-events="all"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 191px; margin-left: 31px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
無線デバイス
</div>
</div>
</div>
</foreignObject>
<text x="80" y="195" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
無線デバイス
</text>
</switch>
</g>
</g>
<g>
<rect x="20" y="21" width="80" height="32" rx="4.8" ry="4.8" fill="#ffffff" stroke="#000000" pointer-events="all" style="fill: light-dark(#ffffff, var(--ge-dark-color, #121212)); stroke: light-dark(rgb(0, 0, 0), rgb(255, 255, 255));"/>
</g>
<g>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 37px; margin-left: 21px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; color: #000000; ">
<div style="display: inline-block; font-size: 12px; font-family: &quot;Helvetica&quot;; color: light-dark(#000000, #ffffff); line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">
SwitchBot
</div>
</div>
</div>
</foreignObject>
<text x="60" y="41" fill="light-dark(#000000, #ffffff)" font-family="&quot;Helvetica&quot;" font-size="12px" text-anchor="middle">
SwitchBot
</text>
</switch>
</g>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.drawio.com/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 29 KiB