From 5b42b8983a0aefd32a328cc78b95b9abefde318f Mon Sep 17 00:00:00 2001
From: Stephen Abello <stephen.abello@combodo.com>
Date: Thu, 21 Oct 2021 15:59:51 +0200
Subject: [PATCH] =?UTF-8?q?N=C2=B03515=20Update=20some=20classes=20icon=20?=
 =?UTF-8?q?to=20match=203.0=20UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../datamodel.itop-config-mgmt.xml            | 10 ++---
 .../datamodel.itop-datacenter-mgmt.xml        |  2 +-
 .../datamodel.itop-structure.xml              |  2 +-
 .../datamodel.itop-welcome-itil.xml           |  2 +-
 images/icons/icons8-automatic.svg             |  1 +
 images/icons/icons8-database-custom.svg       | 32 +++++++++++++++
 images/icons/icons8-network.svg               |  1 +
 images/icons/icons8-note.svg                  |  1 +
 images/icons/icons8-plug-socket.svg           |  1 +
 images/icons/icons8-server-custom.svg         | 41 +++++++++++++++++++
 images/icons/icons8-switch.svg                |  1 +
 11 files changed, 86 insertions(+), 8 deletions(-)
 create mode 100644 images/icons/icons8-automatic.svg
 create mode 100644 images/icons/icons8-database-custom.svg
 create mode 100644 images/icons/icons8-network.svg
 create mode 100644 images/icons/icons8-note.svg
 create mode 100644 images/icons/icons8-plug-socket.svg
 create mode 100644 images/icons/icons8-server-custom.svg
 create mode 100644 images/icons/icons8-switch.svg

diff --git a/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml b/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
index ba4f9a14e..d2fb45e08 100755
--- a/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
+++ b/datamodels/2.x/itop-config-mgmt/datamodel.itop-config-mgmt.xml
@@ -969,7 +969,7 @@
 					</attributes>
 				</naming>
 				<style>
-					<icon>images/switch.png</icon>
+					<icon>../../images/icons/icons8-switch.svg</icon>
 				</style>
 				<reconciliation>
 					<attributes>
@@ -2035,7 +2035,7 @@
 					</attributes>
 				</naming>
 				<style>
-					<icon>images/middleware.png</icon>
+					<icon>../../images/icons/icons8-automatic.svg</icon>
 				</style>
 				<reconciliation>
 					<attributes>
@@ -2293,7 +2293,7 @@
 					</attributes>
 				</naming>
 				<style>
-					<icon>images/webserver.png</icon>
+					<icon>../../images/icons/icons8-server-custom.svg</icon>
 				</style>
 				<reconciliation>
 					<attributes>
@@ -2756,7 +2756,7 @@
 					</attributes>
 				</naming>
 				<style>
-					<icon>images/database-schema.png</icon>
+					<icon>../../images/icons/icons8-database-custom.svg</icon>
 				</style>
 				<reconciliation>
 					<attributes>
@@ -4916,7 +4916,7 @@
 					</attributes>
 				</naming>
 				<style>
-					<icon>images/subnet.png</icon>
+					<icon>../../images/icons/icons8-network.svg</icon>
 				</style>
 				<reconciliation>
 					<attributes>
diff --git a/datamodels/2.x/itop-datacenter-mgmt/datamodel.itop-datacenter-mgmt.xml b/datamodels/2.x/itop-datacenter-mgmt/datamodel.itop-datacenter-mgmt.xml
index b669afc23..5006b742b 100755
--- a/datamodels/2.x/itop-datacenter-mgmt/datamodel.itop-datacenter-mgmt.xml
+++ b/datamodels/2.x/itop-datacenter-mgmt/datamodel.itop-datacenter-mgmt.xml
@@ -720,7 +720,7 @@
           </attributes>
         </naming>
         <style>
-          <icon>images/pdu.png</icon>
+          <icon>../../images/icons/icons8-plug-socket.svg</icon>
         </style>
         <reconciliation>
           <attributes>
diff --git a/datamodels/2.x/itop-structure/datamodel.itop-structure.xml b/datamodels/2.x/itop-structure/datamodel.itop-structure.xml
index c0a4bfd65..3fec96f59 100644
--- a/datamodels/2.x/itop-structure/datamodel.itop-structure.xml
+++ b/datamodels/2.x/itop-structure/datamodel.itop-structure.xml
@@ -1444,7 +1444,7 @@
           </attributes>
         </naming>
         <style>
-          <icon>images/document.png</icon>
+          <icon>../../images/icons/icons8-note.svg</icon>
         </style>
         <reconciliation>
           <attributes>
diff --git a/datamodels/2.x/itop-welcome-itil/datamodel.itop-welcome-itil.xml b/datamodels/2.x/itop-welcome-itil/datamodel.itop-welcome-itil.xml
index 98976217d..dacb9c47f 100644
--- a/datamodels/2.x/itop-welcome-itil/datamodel.itop-welcome-itil.xml
+++ b/datamodels/2.x/itop-welcome-itil/datamodel.itop-welcome-itil.xml
@@ -14,7 +14,7 @@
 	            <dashlet id="1" xsi:type="DashletHeaderStatic">
                   <rank>0</rank>
                   <title>Menu:ConfigManagementCI</title>
-                    <icon>itop-welcome-itil/images/database.png</icon>
+                    <icon>../images/icons/icons8-database.svg</icon>
                 </dashlet>
               <dashlet id="4" xsi:type="DashletBadge">
                 <rank>3</rank>
diff --git a/images/icons/icons8-automatic.svg b/images/icons/icons8-automatic.svg
new file mode 100644
index 000000000..40afe88e9
--- /dev/null
+++ b/images/icons/icons8-automatic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="BJ7PJpP_dxRTT6N0zfZroa" x1="18.229" x2="29.223" y1="4.978" y2="41.216" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0077d2"/><stop offset="1" stop-color="#0b59a2"/></linearGradient><path fill="url(#BJ7PJpP_dxRTT6N0zfZroa)" d="M40,42H8c-1.1,0-2-0.9-2-2V8c0-1.1,0.9-2,2-2h32c1.1,0,2,0.9,2,2v32C42,41.1,41.1,42,40,42z"/><path d="M38.521,20.519c-0.169-0.864-0.921-1.511-1.802-1.513c-0.934-0.002-1.603-0.173-2.262-1.316 c-0.644-1.115-0.457-1.785-0.02-2.606c0.398-0.746,0.217-1.684-0.42-2.24c-1.4-1.221-3.22-2.428-5.62-3.188 c-0.801-0.254-1.702,0.044-2.154,0.753c-0.491,0.769-0.964,1.243-2.243,1.243s-1.751-0.474-2.243-1.243 c-0.461-0.722-1.339-1.052-2.153-0.786c-1.921,0.628-4.062,1.887-5.584,3.169c-0.664,0.559-0.873,1.514-0.463,2.28 c0.442,0.826,0.633,1.497-0.014,2.617c-0.66,1.143-1.328,1.314-2.262,1.316c-0.88,0.002-1.633,0.649-1.802,1.513 C9.238,21.753,9,23.236,9,24.06c0,0.578,0.149,1.741,0.305,2.777c0.141,0.936,0.963,1.627,1.909,1.596 c0.937-0.031,1.633,0.132,2.292,1.273c0.736,1.274,0.46,2.026-0.144,2.94c-0.512,0.776-0.378,1.81,0.308,2.437 c1.564,1.427,3.688,2.533,5.576,3.224c0.899,0.329,1.928-0.042,2.347-0.903c0.475-0.978,1-1.601,2.459-1.601 c1.444,0,1.923,0.611,2.363,1.571c0.407,0.889,1.454,1.267,2.372,0.932c1.77-0.645,3.617-1.658,5.468-3.296 c0.705-0.624,0.817-1.682,0.297-2.467c-0.56-0.846-0.8-1.558-0.096-2.778c0.669-1.159,1.393-1.336,2.363-1.316 c0.933,0.019,1.733-0.673,1.873-1.596C38.85,25.813,39,24.641,39,24.06C39,23.236,38.762,21.753,38.521,20.519z" opacity=".05"/><path d="M37.56,20.673c-0.085-0.407-0.435-0.702-0.85-0.728c-1.329-0.083-2.35-0.425-3.119-1.756 c-0.74-1.281-0.55-2.315-0.02-3.485c0.165-0.364,0.085-0.8-0.214-1.066c-1.368-1.213-3.111-2.357-5.346-3.022 c-0.37-0.11-0.777,0.039-1.005,0.35c-0.751,1.026-1.539,1.684-3.006,1.684c-1.475,0-2.263-0.665-3.017-1.699 c-0.222-0.305-0.612-0.458-0.975-0.353c-1.883,0.544-3.958,1.765-5.381,3.04c-0.294,0.263-0.366,0.696-0.203,1.055 c0.534,1.174,0.727,2.211-0.015,3.496c-0.768,1.331-1.79,1.673-3.119,1.756c-0.415,0.026-0.765,0.321-0.85,0.728 C10.219,21.739,10,23.13,10,24.056c0,0.672,0.14,1.793,0.278,2.672c0.069,0.442,0.444,0.767,0.891,0.781 c1.363,0.044,2.436,0.365,3.222,1.726c0.833,1.443,0.541,2.615-0.197,3.882c-0.205,0.352-0.165,0.81,0.125,1.097 c1.444,1.426,3.49,2.515,5.324,3.149c0.43,0.149,0.903-0.026,1.125-0.423c0.715-1.281,1.59-2.137,3.259-2.137 c1.668,0,2.505,0.855,3.208,2.134c0.221,0.401,0.699,0.574,1.132,0.426c1.775-0.607,3.556-1.583,5.254-3.143 c0.316-0.29,0.377-0.773,0.161-1.144c-0.724-1.245-1.014-2.385-0.19-3.811c0.786-1.362,1.874-1.703,3.244-1.753 c0.445-0.016,0.818-0.341,0.887-0.781C37.86,25.851,38,24.729,38,24.056C38,23.13,37.781,21.739,37.56,20.673z" opacity=".07"/><linearGradient id="BJ7PJpP_dxRTT6N0zfZrob" x1="29.208" x2="18.723" y1="29.26" y2="18.774" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset=".242" stop-color="#f2f2f2"/><stop offset="1" stop-color="#ccc"/></linearGradient><circle cx="24" cy="24.052" r="7.475" fill="url(#BJ7PJpP_dxRTT6N0zfZrob)"/><linearGradient id="BJ7PJpP_dxRTT6N0zfZroc" x1="19.742" x2="27.211" y1="19.794" y2="27.263" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0d61a9"/><stop offset=".363" stop-color="#0e5fa4"/><stop offset=".78" stop-color="#135796"/><stop offset="1" stop-color="#16528c"/></linearGradient><circle cx="24" cy="24.052" r="4.55" fill="url(#BJ7PJpP_dxRTT6N0zfZroc)"/><linearGradient id="BJ7PJpP_dxRTT6N0zfZrod" x1="11.862" x2="33.153" y1="11.925" y2="33.217" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b1bbc4"/><stop offset=".28" stop-color="#adb7c1"/><stop offset=".566" stop-color="#a1adb8"/><stop offset=".854" stop-color="#8c9ba8"/><stop offset="1" stop-color="#7f909e"/></linearGradient><path fill="url(#BJ7PJpP_dxRTT6N0zfZrod)" d="M36.614,20.96c-1.553-0.019-3.056-0.828-3.889-2.27c-0.802-1.388-0.785-3.022-0.105-4.35 c-1.381-1.227-3.017-2.17-4.829-2.722c-0.815,1.226-2.208,2.035-3.79,2.035s-2.975-0.809-3.79-2.035 c-1.812,0.552-3.448,1.495-4.829,2.722c0.68,1.328,0.696,2.962-0.105,4.35c-0.833,1.442-2.336,2.251-3.889,2.27 C11.143,21.953,11,22.984,11,24.052c0,0.834,0.086,1.648,0.236,2.439c1.605-0.033,3.179,0.785,4.038,2.274 c0.889,1.541,0.771,3.383-0.143,4.775c1.353,1.266,2.973,2.246,4.771,2.844c0.735-1.526,2.291-2.581,4.097-2.581 s3.362,1.055,4.097,2.581c1.799-0.597,3.418-1.578,4.771-2.844c-0.914-1.392-1.032-3.234-0.143-4.775 c0.859-1.489,2.433-2.307,4.038-2.274C36.914,25.7,37,24.886,37,24.052C37,22.984,36.857,21.953,36.614,20.96z M24,30.877 c-3.769,0-6.825-3.056-6.825-6.825c0-3.769,3.056-6.825,6.825-6.825s6.825,3.056,6.825,6.825 C30.825,27.821,27.769,30.877,24,30.877z"/></svg>
\ No newline at end of file
diff --git a/images/icons/icons8-database-custom.svg b/images/icons/icons8-database-custom.svg
new file mode 100644
index 000000000..572b925ea
--- /dev/null
+++ b/images/icons/icons8-database-custom.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 240 240" width="240px" height="240px">
+<defs>
+<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="28.66667" y1="127.208328" x2="143.333328" y2="127.208328" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(6.666667%,25.098041%,54.11765%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(6.27451%,24.705882%,56.078434%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="28.66667" y1="91.375" x2="143.333328" y2="91.375" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(11.372549%,34.901962%,70.19608%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(9.803922%,35.686275%,73.725492%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="28.66667" y1="53.75" x2="143.333328" y2="53.75" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(18.82353%,47.450981%,83.92157%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(16.078432%,48.627451%,82.352942%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="28.66667" y1="28.66667" x2="143.333328" y2="28.66667" gradientTransform="matrix(4.999995,0,0,4.999995,0,0)">
+<stop offset="0" style="stop-color:rgb(25.882354%,63.921571%,94.901961%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(25.882354%,64.313728%,92.156863%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="116.33709" y1="109.40847" x2="160.888" y2="153.959396" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(99.607843%,81.960785%,0%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(89.019608%,37.64706%,0.392157%);stop-opacity:1;"/>
+</linearGradient>
+</defs>
+<g id="surface42609239">
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 200 140 L 40 140 C 40 140 40 191.355469 40 195 C 40 206.046875 75.816406 215 120 215 C 164.183594 215 200 206.046875 200 195 C 200 191.355469 200 140 200 140 Z M 200 140 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 200 90 L 40 90 C 40 90 40 141.355469 40 145 C 40 156.046875 75.816406 165 120 165 C 164.183594 165 200 156.046875 200 145 C 200 141.355469 200 90 200 90 Z M 200 90 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 200 40 L 40 40 C 40 40 40 88.78125 40 92.5 C 40 102.164062 75.816406 110 120 110 C 164.183594 110 200 102.164062 200 92.5 C 200 88.78125 200 40 200 40 Z M 200 40 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 200 40 C 200 48.285156 164.183594 55 120 55 C 75.816406 55 40 48.285156 40 40 C 40 31.714844 75.816406 25 120 25 C 164.183594 25 200 31.714844 200 40 Z M 200 40 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear4);" d="M 165.246094 222.378906 C 157.488281 222.378906 149.726562 219.425781 143.820312 213.511719 C 132.0625 201.734375 132.722656 181.839844 144.484375 170.074219 L 184.8125 129.75 C 188.972656 125.585938 194.429688 122.792969 200.300781 122.425781 C 207.046875 122.007812 213.460938 124.441406 218.195312 129.171875 C 222.925781 133.902344 225.359375 140.320312 224.941406 147.066406 C 224.574219 152.9375 221.773438 158.394531 217.617188 162.554688 L 177.929688 202.246094 C 175.132812 205.039062 171.507812 206.980469 167.570312 207.328125 C 162.71875 207.75 158.089844 206.054688 154.703125 202.664062 C 151.3125 199.28125 149.617188 194.648438 150.042969 189.796875 C 150.386719 185.859375 152.328125 182.230469 155.125 179.441406 L 184.300781 150.261719 C 184.785156 149.777344 185.582031 149.777344 186.066406 150.261719 L 189.601562 153.796875 C 190.085938 154.285156 190.085938 155.078125 189.601562 155.5625 L 160.226562 184.941406 C 158.929688 186.238281 157.945312 187.851562 157.621094 189.652344 C 157.097656 192.542969 158 195.359375 160 197.363281 C 163.253906 200.621094 168.933594 200.625 172.199219 197.363281 L 212.882812 156.679688 C 215.84375 153.707031 217.476562 149.769531 217.476562 145.578125 C 217.476562 141.386719 215.847656 137.441406 212.882812 134.480469 C 209.917969 131.519531 205.976562 129.882812 201.785156 129.882812 C 197.59375 129.882812 193.652344 131.511719 190.6875 134.480469 L 149.140625 176.019531 C 140.265625 184.894531 140.265625 199.34375 149.140625 208.222656 C 158.023438 217.097656 172.46875 217.09375 181.34375 208.222656 L 221.792969 167.773438 C 222.28125 167.285156 223.074219 167.285156 223.566406 167.773438 L 227.101562 171.308594 C 227.585938 171.792969 227.585938 172.589844 227.101562 173.074219 L 186.652344 213.523438 C 180.753906 219.429688 172.996094 222.378906 165.246094 222.378906 Z M 165.246094 222.378906 "/>
+</g>
+</svg>
diff --git a/images/icons/icons8-network.svg b/images/icons/icons8-network.svg
new file mode 100644
index 000000000..565e3b43c
--- /dev/null
+++ b/images/icons/icons8-network.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="k2yiUqNWn2Slk9gpK~j2Da" x1="14.104" x2="33.763" y1="42.408" y2="5.435" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c8d3de"/><stop offset="1" stop-color="#c8d3de"/></linearGradient><path fill="url(#k2yiUqNWn2Slk9gpK~j2Da)" d="M35.7,40H12.3C9.9,40,8,38.1,8,35.7V12.3C8,9.9,9.9,8,12.3,8h23.3c2.4,0,4.3,1.9,4.3,4.3v23.3	C40,38.1,38.1,40,35.7,40z M12.3,10C11,10,10,11,10,12.3v23.3c0,1.3,1,2.3,2.3,2.3h23.3c1.3,0,2.3-1,2.3-2.3V12.3	c0-1.3-1-2.3-2.3-2.3H12.3z"/><linearGradient id="k2yiUqNWn2Slk9gpK~j2Db" x1="5.936" x2="12.063" y1="29.652" y2="18.128" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#k2yiUqNWn2Slk9gpK~j2Db)" d="M15,27c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2v-6c0-1.1,0.9-2,2-2h8c1.1,0,2,0.9,2,2V27z"/><linearGradient id="k2yiUqNWn2Slk9gpK~j2Dc" x1="20.936" x2="27.064" y1="44.652" y2="33.129" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#k2yiUqNWn2Slk9gpK~j2Dc)" d="M30,12c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2V6c0-1.1,0.9-2,2-2h8c1.1,0,2,0.9,2,2V12z"/><linearGradient id="k2yiUqNWn2Slk9gpK~j2Dd" x1="20.936" x2="27.064" y1="14.652" y2="3.128" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#k2yiUqNWn2Slk9gpK~j2Dd)" d="M30,42c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2v-6c0-1.1,0.9-2,2-2h8c1.1,0,2,0.9,2,2V42z"/><linearGradient id="k2yiUqNWn2Slk9gpK~j2De" x1="35.937" x2="42.063" y1="29.652" y2="18.128" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2aa4f4"/><stop offset="1" stop-color="#007ad9"/></linearGradient><path fill="url(#k2yiUqNWn2Slk9gpK~j2De)" d="M45,27c0,1.1-0.9,2-2,2h-8c-1.1,0-2-0.9-2-2v-6c0-1.1,0.9-2,2-2h8c1.1,0,2,0.9,2,2V27z"/><rect width="8" height="6" x="5" y="21" fill="#50e6ff"/><rect width="8" height="6" x="20" y="6" fill="#50e6ff"/><rect width="8" height="6" x="20" y="36" fill="#50e6ff"/><rect width="8" height="6" x="35" y="21" fill="#50e6ff"/></svg>
\ No newline at end of file
diff --git a/images/icons/icons8-note.svg b/images/icons/icons8-note.svg
new file mode 100644
index 000000000..88bc8e7c5
--- /dev/null
+++ b/images/icons/icons8-note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="VCUkACqDw_fqTYGLeCn6Da" x1="6.949" x2="35.445" y1="6.949" y2="35.445" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fede00"/><stop offset="1" stop-color="#ffd000"/></linearGradient><path fill="url(#VCUkACqDw_fqTYGLeCn6Da)" d="M29,42H8c-1.105,0-2-0.895-2-2V8c0-1.105,0.895-2,2-2h32c1.105,0,2,0.895,2,2v21L29,42z"/><linearGradient id="VCUkACqDw_fqTYGLeCn6Db" x1="29.592" x2="35.671" y1="29.592" y2="35.671" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4b4b4b"/><stop offset="1" stop-color="#3b3b3b"/></linearGradient><path fill="url(#VCUkACqDw_fqTYGLeCn6Db)" d="M31,29h11L29,42V31C29,29.895,29.895,29,31,29z"/><line x1="13" x2="35" y1="18" y2="18" fill="none" stroke="#e8ba13" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><line x1="13" x2="35" y1="24" y2="24" fill="none" stroke="#e8ba13" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/><line x1="13" x2="23" y1="30" y2="30" fill="none" stroke="#e8ba13" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/></svg>
\ No newline at end of file
diff --git a/images/icons/icons8-plug-socket.svg b/images/icons/icons8-plug-socket.svg
new file mode 100644
index 000000000..568afaa39
--- /dev/null
+++ b/images/icons/icons8-plug-socket.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="240px" height="240px"><defs><linearGradient id="bdYKZv6idQg3AKm9xsfJga" x1="16.274" x2="34.797" y1="2.774" y2="53.664" data-name="Безымянный градиент 143" gradientTransform="rotate(-180 24 24)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#889097"/><stop offset="1" stop-color="#4c5963"/></linearGradient><linearGradient id="bdYKZv6idQg3AKm9xsfJgb" x1="16.251" x2="34.829" y1="2.71" y2="53.752" data-name="Безымянный градиент 147" gradientTransform="rotate(-180 24 24)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#dfe9f2"/><stop offset=".391" stop-color="#d6e0e9"/><stop offset="1" stop-color="#bfc8d1"/></linearGradient></defs><rect width="36" height="36" x="6" y="6" fill="url(#bdYKZv6idQg3AKm9xsfJga)" rx="2" transform="rotate(180 24 24)"/><rect width="32" height="32" x="8" y="8" fill="url(#bdYKZv6idQg3AKm9xsfJgb)" rx="1" transform="rotate(180 24 24)"/><rect width="3" height="8" x="16" y="14" fill="#64717c"/><rect width="3" height="8" x="29" y="14" fill="#64717c"/><path fill="#64717c" d="M24,29h0a3,3,0,0,1,3,3v3a0,0,0,0,1,0,0H21a0,0,0,0,1,0,0V32a3,3,0,0,1,3-3Z"/><circle cx="33" cy="18" r="2" fill="#64717c"/><circle cx="15" cy="18" r="2" fill="#64717c"/></svg>
\ No newline at end of file
diff --git a/images/icons/icons8-server-custom.svg b/images/icons/icons8-server-custom.svg
new file mode 100644
index 000000000..cda6b501f
--- /dev/null
+++ b/images/icons/icons8-server-custom.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 240 240" width="240px" height="240px">
+<defs>
+<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="37.685921" y1="19.14217" x2="130.956497" y2="148.210251" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(16.470589%,64.313728%,95.686275%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(0%,47.843137%,85.09804%);stop-opacity:1;"/>
+</linearGradient>
+<radialGradient id="radial0" gradientUnits="userSpaceOnUse" cx="86" cy="132.583328" fx="86" fy="132.583328" r="10.75" gradientTransform="matrix(4.999995,0,0,4.999995,0,0)">
+<stop offset="0.582" style="stop-color:rgb(0%,0%,0%);stop-opacity:0.2;"/>
+<stop offset="1" style="stop-color:rgb(0%,0%,0%);stop-opacity:0;"/>
+</radialGradient>
+<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="50.166672" y1="39.416672" x2="121.833328" y2="39.416672" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(11.372549%,34.901962%,70.19608%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(9.803922%,35.686275%,73.725492%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="50.166672" y1="68.083328" x2="121.833328" y2="68.083328" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(11.372549%,34.901962%,70.19608%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(9.803922%,35.686275%,73.725492%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear3" gradientUnits="userSpaceOnUse" x1="50.166672" y1="96.75" x2="121.833328" y2="96.75" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(11.372549%,34.901962%,70.19608%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(9.803922%,35.686275%,73.725492%);stop-opacity:1;"/>
+</linearGradient>
+<linearGradient id="linear4" gradientUnits="userSpaceOnUse" x1="114.234161" y1="116.97258" x2="147.946167" y2="180.371063" gradientTransform="matrix(1.395349,0,0,1.395349,0,0)">
+<stop offset="0" style="stop-color:rgb(19.607843%,74.117649%,93.725491%);stop-opacity:1;"/>
+<stop offset="1" style="stop-color:rgb(11.764706%,63.529414%,89.411765%);stop-opacity:1;"/>
+</linearGradient>
+</defs>
+<g id="surface9765929">
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 180 20 L 60 20 C 54.476562 20 50 24.476562 50 30 L 50 210 C 50 215.523438 54.476562 220 60 220 L 180 220 C 185.523438 220 190 215.523438 190 210 L 190 30 C 190 24.476562 185.523438 20 180 20 Z M 180 20 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#radial0);" d="M 135 185 C 135 193.285156 128.285156 200 120 200 C 111.714844 200 105 193.285156 105 185 C 105 176.714844 111.714844 170 120 170 C 128.285156 170 135 176.714844 135 185 Z M 135 185 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 130 185 C 130 190.523438 125.523438 195 120 195 C 114.476562 195 110 190.523438 110 185 C 110 179.476562 114.476562 175 120 175 C 125.523438 175 130 179.476562 130 185 Z M 130 185 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 167.5 70 L 72.5 70 C 71.121094 70 70 68.878906 70 67.5 L 70 42.5 C 70 41.121094 71.121094 40 72.5 40 L 167.5 40 C 168.878906 40 170 41.121094 170 42.5 L 170 67.5 C 170 68.878906 168.878906 70 167.5 70 Z M 167.5 70 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(31.37255%,90.196079%,100%);fill-opacity:1;" d="M 160 55 C 160 57.761719 157.761719 60 155 60 C 152.238281 60 150 57.761719 150 55 C 150 52.238281 152.238281 50 155 50 C 157.761719 50 160 52.238281 160 55 Z M 160 55 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 167.5 110 L 72.5 110 C 71.121094 110 70 108.878906 70 107.5 L 70 82.5 C 70 81.121094 71.121094 80 72.5 80 L 167.5 80 C 168.878906 80 170 81.121094 170 82.5 L 170 107.5 C 170 108.878906 168.878906 110 167.5 110 Z M 167.5 110 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(31.37255%,90.196079%,100%);fill-opacity:1;" d="M 160 95 C 160 97.761719 157.761719 100 155 100 C 152.238281 100 150 97.761719 150 95 C 150 92.238281 152.238281 90 155 90 C 157.761719 90 160 92.238281 160 95 Z M 160 95 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear3);" d="M 167.5 150 L 72.5 150 C 71.121094 150 70 148.878906 70 147.5 L 70 122.5 C 70 121.121094 71.121094 120 72.5 120 L 167.5 120 C 168.878906 120 170 121.121094 170 122.5 L 170 147.5 C 170 148.878906 168.878906 150 167.5 150 Z M 167.5 150 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:rgb(31.37255%,90.196079%,100%);fill-opacity:1;" d="M 160 135 C 160 137.761719 157.761719 140 155 140 C 152.238281 140 150 137.761719 150 135 C 150 132.238281 152.238281 130 155 130 C 157.761719 130 160 132.238281 160 135 Z M 160 135 "/>
+<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear4);" d="M 210 170.234375 C 208.863281 170.234375 207.746094 170.3125 206.640625 170.433594 C 199.878906 161.886719 189.433594 156.386719 177.691406 156.386719 C 162.160156 156.386719 148.894531 165.988281 143.441406 179.5625 C 130.335938 180.558594 120 191.484375 120 204.847656 C 120 218.867188 131.363281 230.234375 145.386719 230.234375 L 210 230.234375 C 226.570312 230.234375 240 216.800781 240 200.234375 C 240 183.664062 226.570312 170.234375 210 170.234375 Z M 210 170.234375 "/>
+</g>
+</svg>
diff --git a/images/icons/icons8-switch.svg b/images/icons/icons8-switch.svg
new file mode 100644
index 000000000..bf630f3b6
--- /dev/null
+++ b/images/icons/icons8-switch.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="240px" height="240px"><linearGradient id="FrtLUyL4z5UE9nPYA_GzQa" x1="11.235" x2="42.721" y1="41.297" y2="-1.639" gradientTransform="matrix(1 0 0 -1 0 47.89)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#21ad64"/><stop offset="1" stop-color="#088242"/></linearGradient><path fill="url(#FrtLUyL4z5UE9nPYA_GzQa)" d="M38,42H10c-2.2,0-4-1.8-4-4V10c0-2.2,1.8-4,4-4h28c2.2,0,4,1.8,4,4v28C42,40.2,40.2,42,38,42z"/><path d="M14.93,26c-0.419,0-0.815-0.162-1.117-0.455L9.632,21.49	C9.225,21.093,9,20.564,9,20s0.225-1.093,0.632-1.489l4.181-4.057C14.115,14.161,14.512,14,14.93,14c0.885,0,1.604,0.71,1.604,1.583	V17h4.716c0.965,0,1.75,0.775,1.75,1.728v2.545C23,22.225,22.215,23,21.25,23h-4.716v1.417c0,0.449-0.183,0.862-0.515,1.164	C15.721,25.851,15.334,26,14.93,26z" opacity=".05"/><path d="M14.93,25.5c-0.287,0-0.561-0.111-0.769-0.313L9.98,21.131	C9.671,20.83,9.5,20.428,9.5,20s0.171-0.83,0.48-1.13l4.181-4.057c0.208-0.202,0.481-0.313,0.769-0.313	c0.609,0,1.104,0.486,1.104,1.083V17.5h5.216c0.689,0,1.25,0.551,1.25,1.228v2.545c0,0.677-0.561,1.228-1.25,1.228h-5.216v1.917	c0,0.307-0.125,0.589-0.351,0.794C15.478,25.397,15.21,25.5,14.93,25.5L14.93,25.5z" opacity=".07"/><path fill="#fff" d="M15.534,24.417V22h5.716c0.414,0,0.75-0.326,0.75-0.728v-2.544C22,18.326,21.664,18,21.25,18h-5.716	v-2.417c0-0.519-0.646-0.778-1.024-0.412l-4.18,4.056c-0.439,0.426-0.439,1.118,0,1.544l4.18,4.056	C14.888,25.195,15.534,24.935,15.534,24.417z"/><path d="M14.93,39c-0.419,0-0.815-0.162-1.117-0.455L9.632,34.49	C9.225,34.093,9,33.564,9,33s0.225-1.093,0.632-1.489l4.181-4.057C14.115,27.161,14.512,27,14.93,27c0.885,0,1.604,0.71,1.604,1.583	V30h4.716c0.965,0,1.75,0.775,1.75,1.728v2.545C23,35.225,22.215,36,21.25,36h-4.716v1.417c0,0.449-0.183,0.862-0.515,1.164	C15.721,38.851,15.334,39,14.93,39z" opacity=".05"/><path d="M14.93,38.5c-0.287,0-0.561-0.111-0.769-0.313L9.98,34.131	C9.671,33.83,9.5,33.428,9.5,33s0.171-0.83,0.48-1.13l4.181-4.057c0.208-0.202,0.481-0.313,0.769-0.313	c0.609,0,1.104,0.486,1.104,1.083V30.5h5.216c0.689,0,1.25,0.551,1.25,1.228v2.545c0,0.677-0.561,1.228-1.25,1.228h-5.216v1.917	c0,0.307-0.125,0.589-0.351,0.794C15.478,38.397,15.21,38.5,14.93,38.5L14.93,38.5z" opacity=".07"/><path fill="#fff" d="M15.534,37.417V35h5.716c0.414,0,0.75-0.326,0.75-0.728v-2.544C22,31.326,21.664,31,21.25,31h-5.716	v-2.417c0-0.519-0.646-0.778-1.024-0.412l-4.18,4.056c-0.439,0.426-0.439,1.118,0,1.544l4.18,4.056	C14.888,38.195,15.534,37.935,15.534,37.417z"/><path d="M33.07,34c-0.885,0-1.604-0.71-1.604-1.583V31H26.75	C25.785,31,25,30.225,25,29.272v-2.545C25,25.775,25.785,25,26.75,25h4.716v-1.417c0-0.873,0.72-1.583,1.604-1.583	c0.419,0,0.815,0.162,1.117,0.455l4.181,4.055C38.775,26.907,39,27.436,39,28s-0.225,1.093-0.632,1.489l-4.181,4.057	C33.885,33.839,33.488,34,33.07,34z" opacity=".05"/><path d="M33.07,33.5c-0.609,0-1.104-0.486-1.104-1.083V30.5H26.75	c-0.689,0-1.25-0.551-1.25-1.228v-2.545c0-0.677,0.561-1.228,1.25-1.228h5.216v-1.917c0-0.598,0.495-1.083,1.104-1.083	c0.287,0,0.561,0.111,0.769,0.313l4.181,4.056c0.31,0.301,0.48,0.703,0.48,1.131s-0.171,0.83-0.48,1.13l-4.181,4.057	C33.631,33.389,33.357,33.5,33.07,33.5L33.07,33.5z" opacity=".07"/><path fill="#fff" d="M32.466,23.583V26H26.75C26.336,26,26,26.326,26,26.728v2.544C26,29.674,26.336,30,26.75,30h5.716	v2.417c0,0.519,0.646,0.778,1.024,0.412l4.18-4.056c0.439-0.426,0.439-1.118,0-1.544l-4.18-4.056	C33.112,22.805,32.466,23.065,32.466,23.583z"/><path d="M33.07,21c-0.885,0-1.604-0.71-1.604-1.583V18H26.75	C25.785,18,25,17.225,25,16.272v-2.545C25,12.775,25.785,12,26.75,12h4.716v-1.417C31.466,9.71,32.186,9,33.07,9	c0.419,0,0.815,0.162,1.117,0.455l4.181,4.055C38.775,13.907,39,14.436,39,15s-0.225,1.093-0.632,1.489l-4.181,4.057	C33.885,20.839,33.488,21,33.07,21z" opacity=".05"/><path d="M33.07,20.5c-0.609,0-1.104-0.486-1.104-1.083V17.5H26.75	c-0.689,0-1.25-0.551-1.25-1.228v-2.545c0-0.677,0.561-1.228,1.25-1.228h5.216v-1.917c0-0.598,0.495-1.083,1.104-1.083	c0.287,0,0.561,0.111,0.769,0.313l4.181,4.056c0.31,0.301,0.48,0.703,0.48,1.131s-0.171,0.83-0.48,1.13l-4.181,4.057	C33.631,20.389,33.357,20.5,33.07,20.5L33.07,20.5z" opacity=".07"/><path fill="#fff" d="M32.466,10.583V13H26.75C26.336,13,26,13.326,26,13.728v2.544C26,16.674,26.336,17,26.75,17h5.716	v2.417c0,0.519,0.646,0.778,1.024,0.412l4.18-4.056c0.439-0.426,0.439-1.118,0-1.544l-4.18-4.056	C33.112,9.805,32.466,10.065,32.466,10.583z"/></svg>
\ No newline at end of file