diff --git a/legoresources/SVGassets/.DS_Store b/legoresources/SVGassets/.DS_Store
new file mode 100644
index 00000000..5008ddfc
Binary files /dev/null and b/legoresources/SVGassets/.DS_Store differ
diff --git a/legoresources/SVGassets/Color Sensor.svg b/legoresources/SVGassets/Color Sensor.svg
new file mode 100644
index 00000000..92dbdbba
--- /dev/null
+++ b/legoresources/SVGassets/Color Sensor.svg	
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="1925.358 6183.438 36.101 33.371">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #a8a9a8;
+      }
+
+      .cls-2 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-4 {
+        fill: #b72b1c;
+      }
+
+      .cls-5 {
+        fill: #f2f2f2;
+      }
+
+      .cls-6 {
+        filter: url(#Path_1);
+      }
+    </style>
+    <clipPath id="clip-path">
+      <path id="Union_5" data-name="Union 5" class="cls-1" d="M3.907,33.37c-1.069,0-1.935-.617-1.935-1.377V27.606H.758A.758.758,0,0,1,0,26.848V7.129a.758.758,0,0,1,.758-.758H1.972V1.377C1.972.617,2.838,0,3.907,0H32.194c1.069,0,1.935.617,1.935,1.377V6.371h1.213a.758.758,0,0,1,.759.758V26.848a.758.758,0,0,1-.759.758H34.129v4.387c0,.761-.867,1.377-1.935,1.377Z"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.5" y1="0.901" x2="0.5" y2="1.068" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#a8a9a8"/>
+      <stop offset="1" stop-color="#545554"/>
+    </linearGradient>
+    <filter id="Path_1" x="1918.33" y="6177.438" width="50.157" height="51.371" filterUnits="userSpaceOnUse">
+      <feOffset dy="3" input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="3" result="blur"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Color_Sensor" data-name="Color Sensor" transform="translate(1346 5554)">
+    <g id="Mask_Group_5" data-name="Mask Group 5" class="cls-2" transform="translate(579.358 629.439)">
+      <g id="Group_4" data-name="Group 4" transform="translate(0)">
+        <g id="Group_2" data-name="Group 2">
+          <path id="Path_28" data-name="Path 28" class="cls-1" d="M.758,0H35.342A.758.758,0,0,1,36.1.758V20.477a.758.758,0,0,1-.758.758H.758A.758.758,0,0,1,0,20.477V.758A.758.758,0,0,1,.758,0Z" transform="translate(0 6.371)"/>
+          <g class="cls-6" transform="matrix(1, 0, 0, 1, -1925.36, -6183.44)">
+            <path id="Path_1-2" data-name="Path 1" class="cls-3" d="M1.935,0H30.222c1.069,0,1.935.617,1.935,1.377V31.993c0,.761-.866,1.377-1.935,1.377H1.935C.866,33.371,0,32.754,0,31.993V1.377C0,.617.866,0,1.935,0Z" transform="translate(1927.33 6183.44)"/>
+          </g>
+          <rect id="Rectangle_2" data-name="Rectangle 2" width="0.758" height="6.067" transform="translate(34.584 9.404)"/>
+          <rect id="Rectangle_5" data-name="Rectangle 5" width="0.758" height="6.067" transform="translate(0.91 9.404)"/>
+          <rect id="Rectangle_3" data-name="Rectangle 3" width="0.758" height="6.067" transform="translate(34.584 18.05)"/>
+          <rect id="Rectangle_4" data-name="Rectangle 4" width="0.758" height="6.067" transform="translate(0.91 18.05)"/>
+        </g>
+        <path id="Union_1" data-name="Union 1" class="cls-4" d="M2.579,17.747a7,7,0,0,1,.16-1.494,9.556,9.556,0,1,1,13.634,0A6.978,6.978,0,1,1,2.579,17.747Z" transform="translate(8.494 4.096)"/>
+        <path id="Union_2" data-name="Union 2" d="M2.67,16.308a5.374,5.374,0,0,1,.372-1.971,8.039,8.039,0,1,1,10.022-.022A5.388,5.388,0,1,1,2.67,16.308Z" transform="translate(10.011 5.534)"/>
+        <g id="Group_3" data-name="Group 3" transform="translate(14.41 10.163)">
+          <ellipse id="Ellipse_5" data-name="Ellipse 5" class="cls-5" cx="3.64" cy="3.64" rx="3.64" ry="3.64"/>
+          <ellipse id="Ellipse_6" data-name="Ellipse 6" class="cls-5" cx="1.972" cy="1.972" rx="1.972" ry="1.972" transform="translate(1.669 9.556)"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/EV3.svg b/legoresources/SVGassets/EV3.svg
new file mode 100644
index 00000000..b1259fc7
--- /dev/null
+++ b/legoresources/SVGassets/EV3.svg
@@ -0,0 +1,146 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="1549 6115.496 110.729 170.038">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-2 {
+        fill: #f2f2f2;
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-4 {
+        fill: #3c3c3c;
+      }
+
+      .cls-5 {
+        fill: #a0b5a6;
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-3);
+      }
+
+      .cls-7 {
+        fill: #6a6a6a;
+      }
+
+      .cls-8 {
+        fill: url(#linear-gradient-4);
+      }
+
+      .cls-9 {
+        fill: #a8a9a8;
+      }
+
+      .cls-10 {
+        fill: #9a9a9a;
+      }
+
+      .cls-11 {
+        fill: url(#linear-gradient-5);
+      }
+
+      .cls-12 {
+        fill: gray;
+      }
+
+      .cls-13 {
+        fill: #fff;
+      }
+
+      .cls-14 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-15 {
+        fill: #ffed00;
+      }
+
+      .cls-16 {
+        fill: #b72b1c;
+      }
+
+      .cls-17 {
+        fill: #1d1d1b;
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="0.5" y1="0.942" x2="0.5" y2="1.018" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#f2f2f2"/>
+      <stop offset="1" stop-color="#797979"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.5" y1="0.924" x2="0.5" y2="0.948" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#a8a9a8"/>
+      <stop offset="1" stop-color="gray"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-3" x1="0.5" y1="0.807" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#a8a9a8"/>
+      <stop offset="1" stop-color="#545554"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-4" x1="0.5" y1="0.948" x2="0.5" y2="0.059" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#6a6a6a"/>
+      <stop offset="0.522" stop-color="#8ce300"/>
+      <stop offset="1" stop-color="#6a6a6a"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-5" x1="0.5" y1="0.363" x2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#747474"/>
+      <stop offset="1" stop-color="#3c3c3c"/>
+    </linearGradient>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_32" data-name="Rectangle 32" width="12.383" height="12.383"/>
+    </clipPath>
+  </defs>
+  <g id="EV3" transform="translate(1346 5554)">
+    <g id="brick" transform="translate(203 561.496)">
+      <path id="Path_19" data-name="Path 19" class="cls-1" d="M1.972,0H108.758a1.972,1.972,0,0,1,1.972,1.972V104.965a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,104.965V1.972A1.972,1.972,0,0,1,1.972,0Z" transform="translate(0 31.702)"/>
+      <path id="Path_20" data-name="Path 20" class="cls-2" d="M1.972,0H96.319a1.972,1.972,0,0,1,1.972,1.972V40.5a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,40.5V1.972A1.972,1.972,0,0,1,1.972,0Z" transform="translate(6.219 127.566)"/>
+      <path id="Path_18" data-name="Path 18" class="cls-3" d="M1.972,0H98.14a1.972,1.972,0,0,1,1.972,1.972V77.207a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,77.207V1.972A1.972,1.972,0,0,1,1.972,0Z" transform="translate(5.309)"/>
+      <path id="Path_17" data-name="Path 17" class="cls-4" d="M3.792,0H78.269a3.792,3.792,0,0,1,3.792,3.792V45.657a3.792,3.792,0,0,1-3.792,3.792H3.792A3.792,3.792,0,0,1,0,45.657V3.792A3.792,3.792,0,0,1,3.792,0Z" transform="translate(14.41 10.466)"/>
+      <path id="Path_16" data-name="Path 16" class="cls-5" d="M2.73,0H65.983a2.73,2.73,0,0,1,2.73,2.73V43.078a2.73,2.73,0,0,1-2.73,2.73H2.73A2.73,2.73,0,0,1,0,43.078V2.73A2.73,2.73,0,0,1,2.73,0Z" transform="translate(21.236 12.438)"/>
+      <path id="Path_21" data-name="Path 21" class="cls-6" d="M0,0H98.291V21.387a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,21.387Z" transform="translate(6.219 146.679)"/>
+    </g>
+    <g id="buttons" transform="translate(216.197 621.259)">
+      <path id="Union_4" data-name="Union 4" class="cls-7" d="M25.938,48.842c-5.585-5.391-14.259-14.258-14.259-14.258V32.764H8.267a8.266,8.266,0,1,1,0-16.533h3.413V14.41L25.786,0H39.893C46.282,6.511,54,14.107,54,14.107v2.124h3.261a8.266,8.266,0,0,1,0,16.533H54v1.821c-7.514,7.729-13.955,14.258-13.955,14.258Z" transform="translate(9.556 25.331)"/>
+      <path id="light" class="cls-8" d="M25.938,48.842c-5.585-5.391-14.259-14.258-14.259-14.258V32.764H8.267a8.266,8.266,0,1,1,0-16.533h3.413V14.41L25.787,0H39.893C46.282,6.511,54,14.107,54,14.107v2.124h3.261a8.266,8.266,0,0,1,0,16.533H54v1.821c-7.514,7.729-13.955,14.258-13.955,14.258Z" transform="translate(9.556 25.331)"/>
+      <path id="Rectangle_23" data-name="Rectangle 23" class="cls-9" d="M6.143,0h10.39a0,0,0,0,1,0,0V12.286a0,0,0,0,1,0,0H6.143A6.143,6.143,0,0,1,0,6.143v0A6.143,6.143,0,0,1,6.143,0Z" transform="translate(11.528 43.533)"/>
+      <path id="Rectangle_24" data-name="Rectangle 24" class="cls-9" d="M6.143,0h10.39a0,0,0,0,1,0,0V12.286a0,0,0,0,1,0,0H6.143A6.143,6.143,0,0,1,0,6.143v0A6.143,6.143,0,0,1,6.143,0Z" transform="translate(72.96 55.82) rotate(180)"/>
+      <path id="Path_42" data-name="Path 42" class="cls-4" d="M.455,0H12.438a.455.455,0,0,1,.455.455V11.831a.455.455,0,0,1-.455.455H.455A.455.455,0,0,1,0,11.831V.455A.455.455,0,0,1,.455,0Z" transform="translate(35.797 43.533)"/>
+      <path id="Path_15" data-name="Path 15" class="cls-9" d="M-98.892-1598.849l12.741-.152,9.556,9.859-3.944,3.944v7.129h-3.64v-4.1a3.058,3.058,0,0,0-3.034-3.034c-2.961-.047-11.073,0-11.073,0a2.468,2.468,0,0,0-2.579,2.578v4.551h-3.64v-7.129l-3.944-3.944Z" transform="translate(134.841 1626.455)"/>
+      <path id="Path_16-2" data-name="Path 16" class="cls-9" d="M9.624.095,22.286,0l9.582,9.851-4,3.907v7.17h-3.6V16.815a3.065,3.065,0,0,0-3.026-3.058c-2.961-.047-11.011,0-11.011,0a2.6,2.6,0,0,0-2.65,2.65v4.521H3.907v-7.17L0,9.851Z" transform="translate(58.26 71.876) rotate(180)"/>
+      <rect id="Rectangle_26" data-name="Rectangle 26" class="cls-4" width="3.034" height="13.803" transform="translate(40.803)"/>
+      <rect id="Rectangle_10" data-name="Rectangle 10" class="cls-10" width="3.034" height="6.067" transform="translate(40.803 13.197)"/>
+      <rect id="Rectangle_12" data-name="Rectangle 12" class="cls-11" width="3.034" height="6.219" transform="translate(40.803 13.197)"/>
+      <rect id="Rectangle_11" data-name="Rectangle 11" class="cls-12" width="3.034" height="5.916" transform="translate(40.803 19.416)"/>
+      <path id="Path_15-2" data-name="Path 15" class="cls-9" d="M0,0H23.663V5.714c-2.618,2.638-5.976,5.965-5.976,5.965H1.972A1.972,1.972,0,0,1,0,9.708Z" transform="translate(0 19.416)"/>
+    </g>
+    <g id="LEGO_logo" data-name="LEGO logo" transform="translate(289.475 711.071)">
+      <rect id="Rectangle_31" data-name="Rectangle 31" class="cls-13" width="12.208" height="12.208" transform="translate(0.087 0.087)"/>
+      <g id="Group_15" data-name="Group 15">
+        <g id="Group_10" data-name="Group 10" class="cls-14">
+          <path id="Path_18-2" data-name="Path 18" class="cls-15" d="M.4,12.608H12.608V.4H.4ZM11.8,5.467a5.136,5.136,0,0,1-.24,1.179c-.437,1.267-.917,2.075-2.075,2.075a1.131,1.131,0,0,1-1.157-.7l-.044-.153L8.2,7.978A1.873,1.873,0,0,1,6.733,8.7a1.287,1.287,0,0,1-1.026-.437l-.066-.087-.066.066a1.589,1.589,0,0,1-1.157.415,1.317,1.317,0,0,1-.961-.371L3.37,8.262,3.3,8.327A1.556,1.556,0,0,1,2.191,8.7a.878.878,0,0,1-.961-.9A8.05,8.05,0,0,1,2.322,4.7a1.027,1.027,0,0,1,.917-.524.8.8,0,0,1,.568.175c.109.109.109.2.131.415l.022.284.153-.24a1.611,1.611,0,0,1,1.529-.655,1.05,1.05,0,0,1,.9.371l.044.087.066-.066a1.808,1.808,0,0,1,1.2-.393,1.52,1.52,0,0,1,1.114.371.762.762,0,0,1,.131.2l.066.109.087-.109a1.6,1.6,0,0,1,1.31-.568,1.258,1.258,0,0,1,.983.349,1.352,1.352,0,0,1,.262.961" transform="translate(-0.313 -0.313)"/>
+        </g>
+        <g id="Group_11" data-name="Group 11" class="cls-14">
+          <path id="Path_19-2" data-name="Path 19" class="cls-16" d="M.4,12.608H12.608V.4H.4ZM12.149,5.947a6.83,6.83,0,0,1-.524,1.594,2.28,2.28,0,0,1-2.1,1.551,1.694,1.694,0,0,1-1.354-.546,2.194,2.194,0,0,1-1.485.546A1.764,1.764,0,0,1,5.6,8.742a2.182,2.182,0,0,1-1.223.349,1.781,1.781,0,0,1-1.026-.306,2.2,2.2,0,0,1-1.179.306A1.285,1.285,0,0,1,.815,7.847,8.327,8.327,0,0,1,1.994,4.506a1.407,1.407,0,0,1,1.245-.743c.59,0,.786.175.9.371A2.259,2.259,0,0,1,5.6,3.741a1.5,1.5,0,0,1,1,.328,2.393,2.393,0,0,1,1.2-.306,1.731,1.731,0,0,1,1.354.459,2.039,2.039,0,0,1,1.332-.437,1.566,1.566,0,0,1,1.376.611,1.8,1.8,0,0,1,.284,1.551" transform="translate(-0.313 -0.313)"/>
+        </g>
+        <g id="Group_12" data-name="Group 12" class="cls-14">
+          <path id="Path_20-2" data-name="Path 20" class="cls-17" d="M0,12.383H12.383V0H0Zm12.208-.175H.175V.175H12.208Z"/>
+        </g>
+        <g id="Group_13" data-name="Group 13" class="cls-14">
+          <path id="Path_21-2" data-name="Path 21" class="cls-17" d="M52.962,15.984V15.9h.066c.044,0,.066.022.066.044s-.022.044-.066.044Zm.2.175-.044-.066q-.033-.066-.066-.066h0a.094.094,0,0,0,.087-.087.08.08,0,0,0-.087-.087H52.9v.306h.066v-.131h.022c.022,0,.044,0,.044.022.022.022.022.044.044.066l.022.044Zm-.153-.393a.24.24,0,1,1-.24.24.258.258,0,0,1,.24-.24m0-.066a.306.306,0,1,0,.306.306.312.312,0,0,0-.306-.306" transform="translate(-41.191 -12.271)"/>
+        </g>
+        <g id="Group_14" data-name="Group 14" class="cls-14">
+          <path id="Path_22" data-name="Path 22" class="cls-17" d="M13.189,17.122a1.713,1.713,0,0,0-1.376.611.557.557,0,0,0-.153-.218A1.442,1.442,0,0,0,10.5,17.1a1.858,1.858,0,0,0-1.245.415A1.089,1.089,0,0,0,8.3,17.1a1.68,1.68,0,0,0-1.594.7.539.539,0,0,0-.153-.459.883.883,0,0,0-.633-.2,1.1,1.1,0,0,0-.983.568A8.8,8.8,0,0,0,3.8,20.878a.966.966,0,0,0,1.048.961,1.516,1.516,0,0,0,1.179-.393,1.316,1.316,0,0,0,1,.393,1.582,1.582,0,0,0,1.223-.459,1.378,1.378,0,0,0,1.092.459,1.913,1.913,0,0,0,1.529-.764,1.2,1.2,0,0,0,1.245.743c1.2,0,1.725-.83,2.162-2.118a4.449,4.449,0,0,0,.262-1.2,1.207,1.207,0,0,0-1.354-1.376M5.218,20.4c.611-.109.786.109.764.328-.066.611-.633.764-1.114.743a.626.626,0,0,1-.7-.59,8.208,8.208,0,0,1,1.07-2.97.709.709,0,0,1,.677-.393c.306,0,.371.153.371.328A14.253,14.253,0,0,1,5.218,20.4m2.009-.568c-.044.109-.109.349-.175.59a2.42,2.42,0,0,1,.611-.087c.306,0,.48.131.48.371,0,.59-.655.764-1.114.764a.845.845,0,0,1-.939-.83,6.135,6.135,0,0,1,.677-2.271,1.372,1.372,0,0,1,1.529-.9c.306,0,.677.131.677.437,0,.415-.349.568-.677.59a3.851,3.851,0,0,1-.5,0,3.871,3.871,0,0,0-.24.48c.633-.087.9.044.786.415-.153.5-.59.524-1.114.437m3.123-1.551a.472.472,0,0,0-.371.218,6.165,6.165,0,0,0-.633,1.725c-.044.284.087.349.218.349.218,0,.459-.24.546-.611,0,0-.415,0-.306-.371s.328-.437.677-.459c.7-.022.633.48.568.764a1.8,1.8,0,0,1-1.7,1.594.89.89,0,0,1-.983-.961,4.914,4.914,0,0,1,.393-1.551c.371-.874.764-1.485,1.769-1.485.59,0,1.07.218,1,.764a.658.658,0,0,1-.633.677c-.109,0-.524,0-.393-.415.022-.131.044-.24-.153-.24m3.756.743a7.171,7.171,0,0,1-.59,1.616,1.409,1.409,0,0,1-1.376.852c-.437,0-.939-.175-.939-.852A5.286,5.286,0,0,1,11.595,19c.306-.83.633-1.507,1.66-1.485,1.157,0,.939,1.048.852,1.507m-.852-.524a9.808,9.808,0,0,1-.633,1.856.328.328,0,0,1-.306.218c-.131,0-.175-.087-.2-.2a7.657,7.657,0,0,1,.7-1.944c.087-.131.175-.153.262-.131.175,0,.175.109.175.2" transform="translate(-2.969 -13.366)"/>
+        </g>
+      </g>
+    </g>
+    <g id="EV3_logo" data-name="EV3 logo" transform="translate(215.286 714.697)">
+      <path id="Path_12" data-name="Path 12" class="cls-2" d="M72.066,1.849a.183.183,0,0,1,.191.164h0v.847A.153.153,0,0,1,72.094,3H70.071a.366.366,0,0,0-.383.328V4.473a.346.346,0,0,0,.383.3h2.023c.191,0,.164.137.164.137v.82c0,.082-.055.137-.164.137H68.677a.187.187,0,0,1-.191-.191V5.621a.391.391,0,0,0-.383-.383H66.983a.391.391,0,0,0-.383.383v1.64a.366.366,0,0,0,.383.328h6.751a.346.346,0,0,0,.383-.3V.4a.346.346,0,0,0-.383-.3H67.01a.346.346,0,0,0-.383.3V2.068a.387.387,0,0,0,.355.383H68.1a.362.362,0,0,0,.355-.355V2.041a.173.173,0,0,1,.191-.191h3.417Z" transform="translate(-48.397 -0.073)"/>
+      <path id="Path_13" data-name="Path 13" class="cls-2" d="M39.03,0H37.445c-.246,0-.328.164-.437.383L35.067,4.756a.23.23,0,0,1-.191.109.206.206,0,0,1-.191-.137L32.744.383C32.635.164,32.525,0,32.279,0H30.667c-.355,0-.41.191-.3.41l3.2,6.724c.164.328.273.383.574.383h1.421a.546.546,0,0,0,.574-.383L39.358.41c.109-.219.027-.41-.328-.41" transform="translate(-22.029)"/>
+      <path id="Path_14" data-name="Path 14" class="cls-2" d="M7.106,2.97a.346.346,0,0,1,.383.3V4.446a.346.346,0,0,1-.383.3H2.05c-.109,0-.191.055-.191.137h0V5.7h0c0,.082.082.137.191.137H7.106a.346.346,0,0,1,.383.3V7.288a.336.336,0,0,1-.355.3H.383A.346.346,0,0,1,0,7.288V.4A.346.346,0,0,1,.383.1H7.134a.319.319,0,0,1,.355.3V1.549a.319.319,0,0,1-.355.3H2.077c-.109,0-.219.027-.219.137v.847c0,.082.082.137.191.137Z" transform="translate(0 -0.073)"/>
+    </g>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/Large Motor.svg b/legoresources/SVGassets/Large Motor.svg
new file mode 100644
index 00000000..7db1f877
--- /dev/null
+++ b/legoresources/SVGassets/Large Motor.svg	
@@ -0,0 +1,184 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="2135.306 6140.141 78.521 153.634">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #a8a9a8;
+      }
+
+      .cls-2 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+
+      .cls-4 {
+        clip-path: url(#clip-path-2);
+      }
+
+      .cls-5 {
+        fill: #f2f2f2;
+      }
+
+      .cls-6 {
+        clip-path: url(#clip-path-3);
+      }
+
+      .cls-7 {
+        fill: #6a6a6a;
+      }
+
+      .cls-8 {
+        fill: #9a9a9a;
+      }
+
+      .cls-9 {
+        fill: #b72b1c;
+      }
+
+      .cls-10 {
+        fill: #3c3c3c;
+      }
+
+      .cls-11 {
+        fill: #242424;
+      }
+
+      .cls-12 {
+        filter: url(#rød);
+      }
+
+      .cls-13 {
+        filter: url(#Path_4);
+      }
+
+      .cls-14 {
+        filter: url(#Path_1-2);
+      }
+
+      .cls-15 {
+        filter: url(#Path_2);
+      }
+
+      .cls-16 {
+        filter: url(#Path_1);
+      }
+
+      .cls-17 {
+        filter: url(#Path_34);
+      }
+    </style>
+    <clipPath id="clip-path">
+      <path id="Union_6" data-name="Union 6" class="cls-1" d="M0,136.571a17.07,17.07,0,0,1,14.122-16.812l-.365-.388L13.747,83.6c0-.419.142-.4.392-.673L25.043,72.4V62.372l-.75-.775V60.8H17.5a4,4,0,0,1-4-4V30.978a4,4,0,0,1,4-4h6.793V18.8a5.784,5.784,0,0,1,5.784-5.784h6.508V5.446A4,4,0,0,1,39.477,1.6v-1A.607.607,0,0,1,40.084,0H66.346a.607.607,0,0,1,.607.607V1.889a4,4,0,0,1,2.169,3.557v7.569h3.615A5.784,5.784,0,0,1,78.521,18.8V48.44C68.153,62.5,60.394,72.305,60.394,72.305H59.8s-7.092-.053-13.682-.1l.034,11.8h6.882a4,4,0,0,1,4,4v25.826a4,4,0,0,1-4,4H46.249l.034,11.775c0,.838-.155.838-.462,1.137L35.406,140.842l-.212.191A1.518,1.518,0,0,1,33.6,140.8,17.067,17.067,0,0,1,0,136.571Z"/>
+    </clipPath>
+    <filter id="Path_34" x="2168.891" y="6138.587" width="38.537" height="21.907" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_1" x="2146.053" y="6207.134" width="38.537" height="77.177" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur-2"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur-2"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_2" x="2157.349" y="6198.806" width="27.029" height="28.403" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur-3"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur-3"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <filter id="Path_1-2" x="2156.6" y="6150.155" width="60.229" height="65.29" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur-4"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur-4"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-path-2">
+      <path id="Path_9" data-name="Path 9" class="cls-1" d="M5.784,0h42.66a5.784,5.784,0,0,1,5.784,5.784v29.64C43.86,49.487,36.1,59.29,36.1,59.29h-.595s-19.462-.147-23.864-.147a2.28,2.28,0,0,1-2.378-.985L0,48.582V5.784A5.784,5.784,0,0,1,5.784,0Z"/>
+    </clipPath>
+    <filter id="Path_4" x="2162.384" y="6155.217" width="48.66" height="54.444" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur-5"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur-5"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <clipPath id="clip-path-3">
+      <path id="Path_10" data-name="Path 10" class="cls-1" d="M5.784,0H36.875A5.784,5.784,0,0,1,42.66,5.784V28.032C34.013,39.3,27.1,48.444,27.1,48.444H5.784A5.784,5.784,0,0,1,0,42.66V5.784A5.784,5.784,0,0,1,5.784,0Z"/>
+    </clipPath>
+    <filter id="rød" x="2132.306" y="6256.646" width="40.129" height="40.129" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur-6"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur-6"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Large_Motor" data-name="Large Motor" transform="translate(1346 5554)">
+    <g id="Mask_Group_6" data-name="Mask Group 6" class="cls-2" transform="translate(789.306 586.141)">
+      <g id="Large_motor-2" data-name="Large motor" transform="translate(-1.623 0)">
+        <path id="Path_45" data-name="Path 45" class="cls-1" d="M5.461,0h5.612a5.461,5.461,0,0,1,5.461,5.461v22.9a5.461,5.461,0,0,1-5.461,5.461H5.461A5.461,5.461,0,0,1,0,28.365V5.461A5.461,5.461,0,0,1,5.461,0Z" transform="translate(42.123 84.012)"/>
+        <ellipse id="Ellipse_2" data-name="Ellipse 2" class="cls-3" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(49.555 85.528)"/>
+        <ellipse id="Ellipse_1" data-name="Ellipse 1" class="cls-3" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(49.555 108.736)"/>
+        <path id="Path_36" data-name="Path 36" class="cls-1" d="M.607,0H26.869a.607.607,0,0,1,.607.607V5.9a.607.607,0,0,1-.607.607H.607A.607.607,0,0,1,0,5.9V.607A.607.607,0,0,1,.607,0Z" transform="translate(41.1 0)"/>
+        <g class="cls-17" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <path id="Path_34-2" data-name="Path 34" class="cls-1" d="M.607,0H31.93a.607.607,0,0,1,.607.607V15.3a.607.607,0,0,1-.607.607H.607A.607.607,0,0,1,0,15.3V.607A.607.607,0,0,1,.607,0Z" transform="translate(2171.89 6141.59)"/>
+        </g>
+        <path id="Path_2-2" data-name="Path 2" class="cls-3" d="M5610.158,939.234a4.151,4.151,0,0,1-2.342.705,5.131,5.131,0,0,1-2.988-.705c-1.257-.931-1.229.1-1.229.1v1.8c0,.45.553.846,1.229.459s1-.581,1-.581.361-.184.361.335v2.62s.021.786-.73.768-1.38,0-1.38,0-.293.248-.293,1.385.293,1.322.293,1.322h1.38s.73-.024.73.649v1.3s.227.359,1.169.306a3.6,3.6,0,0,0,1.4-.306v-1.3a.67.67,0,0,1,.66-.649c.631-.01,1.257,0,1.257,0s.252-.191.287-1.322-.287-1.385-.287-1.385h-1.257s-.805-.052-.817-.768,0-2.62,0-2.62-.047-.515.332-.335,1.215.581,1.215.581.83.407.814-.459,0-1.8,0-1.8S5610.89,938.8,5610.158,939.234Z" transform="translate(-5553.893 -845.301)"/>
+        <path id="Path_3" data-name="Path 3" class="cls-3" d="M5601.9,1015.336a.83.83,0,0,1,1.2-.594,6.516,6.516,0,0,0,2.85.772,5.05,5.05,0,0,0,2.768-.772c.829-.4,1.067.594,1.067.594v1.76a.71.71,0,0,1-1.067.561,5.791,5.791,0,0,0-2.768-.837,7.06,7.06,0,0,0-2.85.837s-1.178.239-1.2-.561S5601.9,1015.336,5601.9,1015.336Z" transform="translate(-5552.485 -909.604)"/>
+        <g class="cls-16" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <path id="Path_1-3" data-name="Path 1" class="cls-1" d="M.016,8.513,13.42-4.416l18.571.67L32.162,55.2c0,.838-.155.838-.462,1.137L21.284,66.433l-.212.19c-.584.4-1.987-.115-1.987-.952L-.364,44.961-.375,9.187C-.375,8.768-.233,8.785.016,8.513Z" transform="translate(2149.43 6214.55)"/>
+        </g>
+        <g class="cls-15" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <path id="Path_2-3" data-name="Path 2" class="cls-1" d="M1484.037,521.285v17.253s.019.845.3,1.121,3.516,3.626,3.516,3.626a1.566,1.566,0,0,0,1.157.4c.758-.025,11.627,0,11.627,0l4.429-4.7v-7.963l-10.662-.567Z" transform="translate(676.31 5680.52)"/>
+        </g>
+        <g id="Group_4" data-name="Group 4" transform="translate(15.123 26.978)">
+          <path id="Path_44" data-name="Path 44" class="cls-1" d="M5.461,0h5.612a5.461,5.461,0,0,1,5.461,5.461v22.9a5.461,5.461,0,0,1-5.461,5.461H5.461A5.461,5.461,0,0,1,0,28.365V5.461A5.461,5.461,0,0,1,5.461,0Z" transform="translate(0 0)"/>
+          <ellipse id="Ellipse_3" data-name="Ellipse 3" class="cls-3" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(1.062 1.517)"/>
+          <ellipse id="Ellipse_4" data-name="Ellipse 4" class="cls-3" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(1.062 24.725)"/>
+          <path id="Path_5" data-name="Path 5" class="cls-3" d="M5610.158,939.234a4.151,4.151,0,0,1-2.342.705,5.131,5.131,0,0,1-2.988-.705c-1.257-.931-1.229.1-1.229.1v1.8c0,.45.553.846,1.229.459s1-.581,1-.581.361-.184.361.335v2.62s.021.786-.73.768-1.38,0-1.38,0-.293.248-.293,1.385.293,1.322.293,1.322h1.38s.73-.024.73.649v1.3s.227.359,1.169.306a3.6,3.6,0,0,0,1.4-.306v-1.3a.67.67,0,0,1,.66-.649c.631-.01,1.257,0,1.257,0s.252-.191.287-1.322-.287-1.385-.287-1.385h-1.257s-.805-.052-.817-.768,0-2.62,0-2.62-.047-.515.332-.335,1.215.581,1.215.581.83.407.814-.459,0-1.8,0-1.8S5610.89,938.8,5610.158,939.234Z" transform="translate(-5602.386 -929.312)"/>
+          <path id="Path_6" data-name="Path 6" class="cls-3" d="M5601.9,1015.336a.83.83,0,0,1,1.2-.594,6.516,6.516,0,0,0,2.85.772,5.05,5.05,0,0,0,2.768-.772c.829-.4,1.067.594,1.067.594v1.76a.71.71,0,0,1-1.067.561,5.791,5.791,0,0,0-2.768-.837,7.06,7.06,0,0,0-2.85.837s-1.178.239-1.2-.561S5601.9,1015.336,5601.9,1015.336Z" transform="translate(-5600.979 -993.616)"/>
+        </g>
+        <g class="cls-14" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <path id="Path_1-4" data-name="Path 1" class="cls-1" d="M5.784,0h42.66a5.784,5.784,0,0,1,5.784,5.784v29.64C43.86,49.487,36.1,59.29,36.1,59.29h-.595s-19.462-.147-23.864-.147a2.28,2.28,0,0,1-2.378-.985L0,48.582V5.784A5.784,5.784,0,0,1,5.784,0Z" transform="translate(2159.6 6153.16)"/>
+        </g>
+        <g id="hvid" transform="translate(25.916 13.015)">
+          <g id="Mask_Group_1" data-name="Mask Group 1" class="cls-4">
+            <path id="hvid-2" data-name="hvid" class="cls-5" d="M1498.578,449.051l7.155,7.37,23.789,31.08v14.857l13.063-16.131V455.006l-.993-7.691Z" transform="translate(-1487.315 -449.455)"/>
+          </g>
+        </g>
+        <g class="cls-13" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <path id="Path_4-2" data-name="Path 4" class="cls-1" d="M5.784,0H36.875A5.784,5.784,0,0,1,42.66,5.784V28.032C34.013,39.3,27.1,48.444,27.1,48.444H5.784A5.784,5.784,0,0,1,0,42.66V5.784A5.784,5.784,0,0,1,5.784,0Z" transform="translate(2165.38 6158.22)"/>
+        </g>
+        <g id="Group_3" data-name="Group 3" transform="translate(31.7 18.38)">
+          <g id="Mask_Group_2" data-name="Mask Group 2" class="cls-6" transform="translate(0 0)">
+            <path id="Union_1" data-name="Union 1" class="cls-7" d="M14.461,28.56V1.085a1.085,1.085,0,1,1,2.169,0V28.56a1.085,1.085,0,1,1-2.169,0Zm-3.615,0V1.085a1.085,1.085,0,1,1,2.169,0V28.56a1.085,1.085,0,1,1-2.169,0Zm-3.615,0V1.085a1.085,1.085,0,1,1,2.169,0V28.56a1.085,1.085,0,1,1-2.169,0Zm-3.615,0V1.085a1.085,1.085,0,1,1,2.169,0V28.56a1.085,1.085,0,1,1-2.169,0ZM0,28.56V1.085a1.085,1.085,0,1,1,2.169,0V28.56A1.085,1.085,0,1,1,0,28.56Z" transform="translate(15.907 -5.365)"/>
+          </g>
+        </g>
+        <ellipse id="Ellipse_1-2" data-name="Ellipse 1" class="cls-8" cx="2.245" cy="2.245" rx="2.245" ry="2.245" transform="translate(29.076 16.175)"/>
+        <ellipse id="Ellipse_2-2" data-name="Ellipse 2" class="cls-8" cx="2.245" cy="2.245" rx="2.245" ry="2.245" transform="translate(57.744 66.686)"/>
+        <g class="cls-12" transform="matrix(1, 0, 0, 1, -2133.68, -6140.14)">
+          <ellipse id="rød-2" data-name="rød" class="cls-9" cx="17.064" cy="17.064" rx="17.064" ry="17.064" transform="translate(2135.31 6259.65)"/>
+        </g>
+        <g id="Group_2" data-name="Group 2" transform="matrix(0.966, 0.259, -0.259, 0.966, 7.93, 117.883)">
+          <ellipse id="Ellipse_4-2" data-name="Ellipse 4" class="cls-10" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(11.528 0)"/>
+          <ellipse id="Ellipse_7" data-name="Ellipse 7" class="cls-10" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(23.056 11.528)"/>
+          <ellipse id="Ellipse_5" data-name="Ellipse 5" class="cls-10" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(11.528 23.056)"/>
+          <ellipse id="Ellipse_6" data-name="Ellipse 6" class="cls-10" cx="3.792" cy="3.792" rx="3.792" ry="3.792" transform="translate(0 11.528)"/>
+          <path id="Path_4-3" data-name="Path 4" class="cls-11" d="M2.4,1.566s.021.786-.73.768-1.38,0-1.38,0S0,2.582,0,3.719.294,5.041.294,5.041h1.38s.73-.024.73.649,0,1.3,0,1.3.227.359,1.17.306a3.594,3.594,0,0,0,1.4-.306V5.69a.67.67,0,0,1,.66-.649c.631-.01,1.257,0,1.257,0s.253-.191.287-1.322-.287-1.386-.287-1.386H5.638s-.806-.052-.818-.768A12.478,12.478,0,0,1,4.884.305,2.9,2.9,0,0,0,2.529.213C2.45.819,2.4,1.566,2.4,1.566Z" transform="translate(11.68 18.863) rotate(-90)"/>
+          <path id="Path_5-2" data-name="Path 5" class="cls-10" d="M.455.155,2.016,0,3.64.155A.455.455,0,0,1,4.1.61V2.734a.455.455,0,0,1-.455.455l-1.551-.21-1.634.21A.455.455,0,0,1,0,2.734V.61A.455.455,0,0,1,.455.155Z" transform="translate(13.241 8.084)"/>
+          <path id="Path_7" data-name="Path 7" class="cls-10" d="M.455.155,2.016,0,3.64.155A.455.455,0,0,1,4.1.61V2.734a.455.455,0,0,1-.455.455l-1.551-.21-1.634.21A.455.455,0,0,1,0,2.734V.61A.455.455,0,0,1,.455.155Z" transform="translate(8.082 17.338) rotate(-90)"/>
+          <path id="Path_6-2" data-name="Path 6" class="cls-10" d="M.455.155,2.016,0,3.64.155A.455.455,0,0,1,4.1.61V2.734a.455.455,0,0,1-.455.455l-1.551-.21-1.634.21A.455.455,0,0,1,0,2.734V.61A.455.455,0,0,1,.455.155Z" transform="translate(17.336 22.497) rotate(180)"/>
+          <path id="Path_8" data-name="Path 8" class="cls-10" d="M.455.155,2.016,0,3.64.155A.455.455,0,0,1,4.1.61V2.734a.455.455,0,0,1-.455.455l-1.551-.21-1.634.21A.455.455,0,0,1,0,2.734V.61A.455.455,0,0,1,.455.155Z" transform="translate(22.495 13.242) rotate(90)"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/Medium Motor.svg b/legoresources/SVGassets/Medium Motor.svg
new file mode 100644
index 00000000..e7457a07
--- /dev/null
+++ b/legoresources/SVGassets/Medium Motor.svg	
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="1719.858 6177.276 47.14 47.14">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-2 {
+        fill: #a8a9a8;
+      }
+
+      .cls-3 {
+        fill: #3c3c3c;
+      }
+
+      .cls-4 {
+        fill: #b72b1c;
+        stroke: #8b1104;
+        stroke-width: 0.25px;
+      }
+
+      .cls-5 {
+        stroke: none;
+      }
+
+      .cls-6 {
+        fill: none;
+      }
+
+      .cls-7 {
+        filter: url(#Union_1);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="0.5" y1="0.919" x2="0.5" y2="1.077" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#a8a9a8"/>
+      <stop offset="1" stop-color="#545554"/>
+    </linearGradient>
+    <filter id="Union_1" x="1719.858" y="6177.276" width="47.14" height="47.14" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="0.5" result="blur"/>
+      <feFlood flood-opacity="0.322"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+  </defs>
+  <g id="Medium_Motor" data-name="Medium Motor" transform="translate(1346 5554)">
+    <g id="Group_4" data-name="Group 4" transform="translate(375.358 624.776)">
+      <path id="Path_1" data-name="Path 1" class="cls-1" d="M3.281-.287h39a2.357,2.357,0,0,1,2.57,1.972V42.033c0,1-1.1,1.82-2.57,1.82h-39c-1.473,0-2.57-.815-2.57-1.82V1.685A2.357,2.357,0,0,1,3.281-.287Z" transform="translate(-0.711 0.287)"/>
+    </g>
+    <g id="Group_7" data-name="Group 7" transform="translate(419.498 624.776) rotate(90)">
+      <g class="cls-7" transform="matrix(0, -1, 1, 0, -6178.78, 1765.5)">
+        <path id="Union_1-2" data-name="Union 1" class="cls-2" d="M21.236,44.14a6.219,6.219,0,0,1-6.219-6.219v-8.8h-8.8A6.219,6.219,0,0,1,0,22.9V21.236a6.219,6.219,0,0,1,6.219-6.219h8.8v-8.8A6.219,6.219,0,0,1,21.236,0H22.9a6.219,6.219,0,0,1,6.219,6.219v8.8h8.8a6.219,6.219,0,0,1,6.219,6.219V22.9a6.219,6.219,0,0,1-6.219,6.219h-8.8v8.8A6.219,6.219,0,0,1,22.9,44.14Z" transform="translate(1765.5 6178.78) rotate(90)"/>
+      </g>
+      <ellipse id="Ellipse_1" data-name="Ellipse 1" class="cls-3" cx="4.854" cy="4.854" rx="4.854" ry="4.854" transform="translate(17.292 1.517)"/>
+      <ellipse id="Ellipse_2" data-name="Ellipse 2" class="cls-3" cx="4.854" cy="4.854" rx="4.854" ry="4.854" transform="translate(17.292 32.915)"/>
+      <ellipse id="Ellipse_1-2" data-name="Ellipse 1" class="cls-3" cx="4.854" cy="4.854" rx="4.854" ry="4.854" transform="translate(1.517 26.848) rotate(-90)"/>
+      <ellipse id="Ellipse_2-2" data-name="Ellipse 2" class="cls-3" cx="4.854" cy="4.854" rx="4.854" ry="4.854" transform="translate(32.915 26.848) rotate(-90)"/>
+    </g>
+    <g id="Ellipse_4" data-name="Ellipse 4" class="cls-4" transform="translate(390.903 640.17)">
+      <ellipse class="cls-5" cx="6.752" cy="6.752" rx="6.752" ry="6.752"/>
+      <ellipse class="cls-6" cx="6.752" cy="6.752" rx="6.627" ry="6.627"/>
+    </g>
+    <path id="Hole" d="M5606.437,962.413s-.054,1.021-.769,1.029-1.461,0-1.461,0a2.363,2.363,0,0,0-.455,1.691c0,1.266.357,1.6.357,1.6h1.628a.645.645,0,0,1,.7.7V969.1a3.882,3.882,0,0,0,1.766.287,6.459,6.459,0,0,0,1.676-.287v-1.667a.73.73,0,0,1,.734-.7,10.674,10.674,0,0,0,1.444-.14s.4-.374.434-1.632-.353-1.644-.353-1.644h-1.693a.641.641,0,0,1-.762-.678,11.41,11.41,0,0,1,0-1.643,4.815,4.815,0,0,0-3.246,0C5606.42,961.694,5606.437,962.413,5606.437,962.413Z" transform="translate(-5210.486 -318.186)"/>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/Touch sensor.svg b/legoresources/SVGassets/Touch sensor.svg
new file mode 100644
index 00000000..0d2417a4
--- /dev/null
+++ b/legoresources/SVGassets/Touch sensor.svg	
@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="1827.391 6183.664 36.101 33.37">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #a8a9a8;
+      }
+
+      .cls-2 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-3 {
+        fill: url(#linear-gradient);
+      }
+
+      .cls-4 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-5 {
+        fill: #b72b1c;
+        stroke: #8b1104;
+        stroke-width: 0.25px;
+      }
+
+      .cls-6 {
+        stroke: none;
+      }
+
+      .cls-7 {
+        fill: none;
+      }
+
+      .cls-8 {
+        filter: url(#Path_1);
+      }
+    </style>
+    <clipPath id="clip-path">
+      <path id="Union_3" data-name="Union 3" class="cls-1" d="M3.944,33.37c-1.069,0-1.972-.6-1.972-1.365v-4.4H1a1,1,0,0,1-1-1V7.371a1,1,0,0,1,1-1h.972V1.365C1.972.6,2.875,0,3.944,0H14.713V1.365h6.371V0H32.157c1.069,0,1.972.6,1.972,1.365V6.371H35.1a1,1,0,0,1,1,1V26.607a1,1,0,0,1-1,1h-.972V32c0,.761-.9,1.365-1.972,1.365Z"/>
+    </clipPath>
+    <linearGradient id="linear-gradient" x1="0.5" y1="0.91" x2="0.5" y2="1.046" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#a8a9a8"/>
+      <stop offset="1" stop-color="#545554"/>
+    </linearGradient>
+    <filter id="Path_1" x="1826.363" y="6180.664" width="38.157" height="39.371" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="1" result="blur"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <linearGradient id="linear-gradient-2" x1="0.949" y1="0.5" x2="0.056" y2="0.5" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#b72b1c"/>
+      <stop offset="1" stop-color="#8b1104"/>
+    </linearGradient>
+  </defs>
+  <g id="Touch_sensor" data-name="Touch sensor" transform="translate(1346 5554)">
+    <g id="Group_8" data-name="Group 8" transform="translate(481.391 629.664)">
+      <g id="Mask_Group_3" data-name="Mask Group 3" class="cls-2">
+        <g id="Group_2" data-name="Group 2" transform="translate(0 0)">
+          <path id="Path_27" data-name="Path 27" class="cls-1" d="M.758,0H35.342A.758.758,0,0,1,36.1.758V20.477a.758.758,0,0,1-.758.758H.758A.758.758,0,0,1,0,20.477V.758A.758.758,0,0,1,.758,0Z" transform="translate(0 6.371)"/>
+          <g class="cls-8" transform="matrix(1, 0, 0, 1, -1827.39, -6183.66)">
+            <path id="Path_1-2" data-name="Path 1" class="cls-3" d="M1.972,0h10.77V1.365h6.371V0H30.185c1.069,0,1.972.6,1.972,1.365v30.64c0,.761-.9,1.365-1.972,1.365H1.972C.9,33.371,0,32.766,0,32.005V1.365C0,.6.9,0,1.972,0Z" transform="translate(1829.36 6183.66)"/>
+          </g>
+          <rect id="Rectangle_2" data-name="Rectangle 2" width="0.758" height="6.067" transform="translate(34.584 9.404)"/>
+          <rect id="Rectangle_5" data-name="Rectangle 5" width="0.758" height="6.067" transform="translate(0.91 9.404)"/>
+          <rect id="Rectangle_3" data-name="Rectangle 3" width="0.758" height="6.067" transform="translate(34.584 18.05)"/>
+          <rect id="Rectangle_4" data-name="Rectangle 4" width="0.758" height="6.067" transform="translate(0.91 18.05)"/>
+        </g>
+      </g>
+    </g>
+    <g id="Group_5" data-name="Group 5" transform="translate(485.942 633.835)">
+      <rect id="Rectangle_6" data-name="Rectangle 6" class="cls-4" width="9.556" height="6.219" transform="translate(0 10.542)"/>
+      <rect id="Rectangle_9" data-name="Rectangle 9" class="cls-4" width="9.556" height="6.219" transform="translate(16.609) rotate(90)"/>
+      <rect id="Rectangle_7" data-name="Rectangle 7" class="cls-4" width="9.556" height="6.219" transform="translate(27 16.761) rotate(180)"/>
+      <rect id="Rectangle_8" data-name="Rectangle 8" class="cls-4" width="9.556" height="6.219" transform="translate(10.39 27) rotate(-90)"/>
+      <g id="Ellipse_1" data-name="Ellipse 1" class="cls-5" transform="translate(7.433 7.508)">
+        <ellipse class="cls-6" cx="6.067" cy="6.067" rx="6.067" ry="6.067"/>
+        <ellipse class="cls-7" cx="6.067" cy="6.067" rx="5.942" ry="5.942"/>
+      </g>
+      <path id="Hole" d="M5606.165,962.241s-.048.917-.69.925-1.312,0-1.312,0a2.123,2.123,0,0,0-.409,1.52c0,1.138.321,1.442.321,1.442h1.463a.58.58,0,0,1,.628.628v1.5a3.487,3.487,0,0,0,1.586.258,5.8,5.8,0,0,0,1.507-.258v-1.5a.655.655,0,0,1,.66-.628,9.594,9.594,0,0,0,1.3-.126s.356-.336.39-1.467-.317-1.477-.317-1.477h-1.522a.576.576,0,0,1-.685-.609,10.168,10.168,0,0,1,0-1.476,4.326,4.326,0,0,0-2.917,0C5606.149,961.6,5606.165,962.241,5606.165,962.241Z" transform="translate(-5594.196 -951.087)"/>
+    </g>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/color overview/LEGO-MakeCode-Colors.pdf b/legoresources/SVGassets/color overview/LEGO-MakeCode-Colors.pdf
new file mode 100644
index 00000000..bc659245
Binary files /dev/null and b/legoresources/SVGassets/color overview/LEGO-MakeCode-Colors.pdf differ
diff --git a/legoresources/SVGassets/gyro.svg b/legoresources/SVGassets/gyro.svg
new file mode 100644
index 00000000..b5f0f707
--- /dev/null
+++ b/legoresources/SVGassets/gyro.svg
@@ -0,0 +1,88 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="2030.391 6170.607 35.949 60.977">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #a8a9a8;
+      }
+
+      .cls-2 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-3, .cls-9 {
+        fill: #9a9a9a;
+      }
+
+      .cls-4 {
+        fill: #f2f2f2;
+      }
+
+      .cls-5 {
+        opacity: 0.6;
+        fill: url(#linear-gradient);
+      }
+
+      .cls-6 {
+        fill: url(#linear-gradient-2);
+      }
+
+      .cls-7 {
+        fill: #b72b1c;
+      }
+
+      .cls-8, .cls-9 {
+        stroke: none;
+      }
+
+      .cls-10 {
+        filter: url(#Path_12);
+      }
+    </style>
+    <clipPath id="clip-path">
+      <path id="Union_7" data-name="Union 7" class="cls-1" d="M9.708,60.977a9.336,9.336,0,0,1-1.983-.455H3.489A1.972,1.972,0,0,1,1.517,58.55V54H.758A.758.758,0,0,1,0,53.241V6.978a.758.758,0,0,1,.758-.759h.759V1.972A1.972,1.972,0,0,1,3.489,0H16.143V.607h3.42V0H32.309a1.972,1.972,0,0,1,1.972,1.972V6.219h.91a.759.759,0,0,1,.759.759V53.241a.758.758,0,0,1-.759.758h-.91V58.55a1.972,1.972,0,0,1-1.972,1.972H28.168c-.17.3-1.911.455-2.229.455Z" transform="translate(0 0)"/>
+    </clipPath>
+    <filter id="Path_12" x="2030.408" y="6169.107" width="35.764" height="50.78" filterUnits="userSpaceOnUse">
+      <feOffset input="SourceAlpha"/>
+      <feGaussianBlur stdDeviation="0.5" result="blur"/>
+      <feFlood flood-opacity="0.502"/>
+      <feComposite operator="in" in2="blur"/>
+      <feComposite in="SourceGraphic"/>
+    </filter>
+    <linearGradient id="linear-gradient" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#fff" stop-opacity="0"/>
+      <stop offset="1" stop-color="#404040"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient-2" x1="0.5" x2="0.5" y2="1" gradientUnits="objectBoundingBox">
+      <stop offset="0" stop-color="#fff"/>
+      <stop offset="1" stop-color="gray"/>
+    </linearGradient>
+  </defs>
+  <g id="gyro" transform="translate(1346 5554)">
+    <g id="Group_16" data-name="Group 16" transform="translate(684.391 616.607)">
+      <g id="Mask_Group_7" data-name="Mask Group 7" class="cls-2">
+        <g id="Group_9" data-name="Group 9" transform="translate(0 0)">
+          <path id="Path_29" data-name="Path 29" class="cls-1" d="M.758,0H35.191a.758.758,0,0,1,.758.758V47.022a.758.758,0,0,1-.758.758H.758A.758.758,0,0,1,0,47.022V.758A.758.758,0,0,1,.758,0Z" transform="translate(0 6.219)"/>
+          <rect id="Rectangle_11" data-name="Rectangle 11" class="cls-3" width="5.764" height="15.775" transform="translate(15.017 0.607)"/>
+          <g class="cls-10" transform="matrix(1, 0, 0, 1, -2030.39, -6170.61)">
+            <path id="Path_12-2" data-name="Path 12" class="cls-1" d="M1.972,0H14.627V16.015l3.42-.251V0H30.792a1.972,1.972,0,0,1,1.972,1.972V45.809a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,45.809V1.972A1.972,1.972,0,0,1,1.972,0Z" transform="translate(2031.91 6170.61)"/>
+          </g>
+          <g id="hvid" transform="translate(1.517 29.578)">
+            <g id="hvid-2" data-name="hvid">
+              <path id="Path_57" data-name="Path 57" class="cls-4" d="M1.213,0H31.55a1.213,1.213,0,0,1,1.213,1.213V28.972a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,28.972V1.213A1.213,1.213,0,0,1,1.213,0Z"/>
+              <path id="Path_59" data-name="Path 59" class="cls-5" d="M0,0H32.764V3.034a1.972,1.972,0,0,1-1.972,1.972H1.972A1.972,1.972,0,0,1,0,3.034Z" transform="translate(0 25.938)"/>
+            </g>
+            <g id="Path_1" data-name="Path 1" class="cls-6" transform="translate(17.936 29.123)">
+              <path class="cls-8" d="M 6.484842300415039 2.150261163711548 L -9.745367050170898 2.150261163711548 C -9.881197929382324 2.150261163711548 -10.42391777038574 2.059520959854126 -10.99923706054688 1.911741018295288 C -11.64816379547119 1.745060086250305 -11.94092655181885 1.606477737426758 -12.04074192047119 1.530453562736511 L -10.79143714904785 0.4930610656738281 C -10.4883279800415 0.2401210516691208 -10.03675746917725 0.1250010579824448 -9.745367050170898 0.1250010579824448 L 6.484842300415039 0.1250010579824448 C 6.704952716827393 0.1250010579824448 6.880472660064697 0.2815810441970825 7.083712577819824 0.4628810584545135 C 7.13621711730957 0.5097187757492065 7.190473556518555 0.558122992515564 7.246545314788818 0.6043557524681091 L 8.565185546875 1.793610692024231 C 8.487010955810547 1.844063878059387 8.263081550598145 1.941919326782227 7.636922359466553 2.037711143493652 C 7.147042274475098 2.112651109695435 6.634262561798096 2.150261163711548 6.484842300415039 2.150261163711548 Z"/>
+              <path class="cls-9" d="M 6.484842300415039 2.025261163711548 C 6.853602409362793 2.025261163711548 7.907188415527344 1.902673006057739 8.341010093688965 1.759757876396179 L 7.164894104003906 0.6990422606468201 C 7.107734203338623 0.6518229246139526 7.053245544433594 0.6032094955444336 7.000502586364746 0.5561610460281372 C 6.816342353820801 0.3918810486793518 6.657302379608154 0.250001072883606 6.484842300415039 0.250001072883606 L -9.745367050170898 0.250001072883606 C -10.01493740081787 0.250001072883606 -10.43213748931885 0.356031060218811 -10.71158790588379 0.5892210602760315 L -11.82516098022461 1.513905882835388 C -11.35192489624023 1.734651446342468 -10.04894733428955 2.025261163711548 -9.745367050170898 2.025261163711548 L 6.484842300415039 2.025261163711548 M 6.484842300415039 2.275261163711548 L -9.745367050170898 2.275261163711548 C -10.08045768737793 2.275261163711548 -12.20312786102295 1.83790111541748 -12.20312786102295 1.502811074256897 L -10.87129783630371 0.3968910574913025 C -10.55266761779785 0.1310010552406311 -10.08045768737793 1.058692987498944e-06 -9.745367050170898 1.058692987498944e-06 L 6.484842300415039 1.058692987498944e-06 C 6.819932460784912 1.058692987498944e-06 7.054842472076416 0.2847210466861725 7.328142642974854 0.5096210837364197 L 8.727852821350098 1.771991014480591 C 8.727852821350098 2.107081174850464 6.819932460784912 2.275261163711548 6.484842300415039 2.275261163711548 Z"/>
+            </g>
+          </g>
+          <g id="red_things" data-name="red things" transform="translate(4.551 8.494)">
+            <ellipse id="red_dot" data-name="red dot" class="cls-7" cx="3.034" cy="3.034" rx="3.034" ry="3.034" transform="translate(10.315 5.916)"/>
+            <path id="red_arrow_1" data-name="red arrow 1" class="cls-7" d="M3122.963-1932.135s-3.9-5.13-.759-10.77c.232.143.682.347.91.455.645.367.74-.309.607-.758-.3-.948-1.214-3.792-1.214-3.792l-3.792,1.062a1.446,1.446,0,0,0-.455.152c-.2.125-.369.4,0,.607l1.062.607s-4.526,6.652,1.062,14.258C3121.982-1931.454,3122.963-1932.135,3122.963-1932.135Z" transform="translate(-3117.592 1947)"/>
+            <path id="red_arrow_2" data-name="red arrow 2" class="cls-7" d="M3118.4-1932.135s3.9-5.13.758-10.77c-.231.143-.681.347-.91.455-.645.367-.741-.309-.607-.758.3-.948,1.213-3.792,1.213-3.792l3.792,1.062a1.446,1.446,0,0,1,.455.152c.2.125.368.4,0,.607l-1.062.607s4.526,6.652-1.062,14.258C3119.383-1931.454,3118.4-1932.135,3118.4-1932.135Z" transform="translate(-3097.107 1947)"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/icn_port.svg b/legoresources/SVGassets/icn_port.svg
new file mode 100644
index 00000000..5a91ad8d
--- /dev/null
+++ b/legoresources/SVGassets/icn_port.svg
@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="1447.52 6142.536 49.96 58.928">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #eaeaea;
+      }
+
+      .cls-2 {
+        fill: #a8a9a8;
+      }
+    </style>
+  </defs>
+  <g id="icn_port" transform="translate(1447.52 6142.536)">
+    <path id="Path_8" data-name="Path 8" class="cls-1" d="M0-143.939H49.96v58.928H0Z" transform="translate(0 143.939)"/>
+    <path id="Path_9" data-name="Path 9" class="cls-2" d="M0-63.321V-91.143H17.114v-6.912H21.83v-9.159H34.753V-98.4h5.064v35.08H31.784v7.43h-2.62V-63.4H27.179v7.507H24.973V-63.4h-2.16v7.507h-2.1V-63.4H18.861v7.507h-2.1V-63.4H14.942v7.507H12.478V-63.4H10.8v7.507H8.282V-63.35Z" transform="translate(5.253 109.807)"/>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/trash.svg b/legoresources/SVGassets/trash.svg
new file mode 100644
index 00000000..38d77825
--- /dev/null
+++ b/legoresources/SVGassets/trash.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2186 6829.289 63 68.355">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="trash" transform="translate(49 672)">
+    <path id="Subtraction_2" data-name="Subtraction 2" class="cls-1" d="M-.5-603.645H-34a9.01,9.01,0,0,1-9-9v-42h-4a2,2,0,0,1-2-2v-2a2,2,0,0,1,2-2h12.82l3.919-7.542a5.256,5.256,0,0,1,1.332-1.9,7.7,7.7,0,0,1,5.481-1.9H-10.78s.083-.005.226-.005a8.02,8.02,0,0,1,2.9.565,5.812,5.812,0,0,1,3.3,3.249c1.682,4.051,3.219,7.508,3.235,7.542H12a2,2,0,0,1,2,2v2a2,2,0,0,1-2,2H8.5v42A9.01,9.01,0,0,1-.5-603.645Zm-7-46a1.5,1.5,0,0,0-1.5,1.5v32a1.5,1.5,0,0,0,1.5,1.5h3a1.5,1.5,0,0,0,1.5-1.5v-32a1.5,1.5,0,0,0-1.5-1.5Zm-11.5,0a1.5,1.5,0,0,0-1.5,1.5v32a1.5,1.5,0,0,0,1.5,1.5h3a1.5,1.5,0,0,0,1.5-1.5v-32a1.5,1.5,0,0,0-1.5-1.5Zm-11.5,0a1.5,1.5,0,0,0-1.5,1.5v32a1.5,1.5,0,0,0,1.5,1.5h3a1.5,1.5,0,0,0,1.5-1.5v-32a1.5,1.5,0,0,0-1.5-1.5Zm5.845-16.571-3.245,5.571H-7.517l-2.437-5.571Z" transform="translate(-2186 6829.29)"/>
+  </g>
+</svg>
diff --git a/legoresources/SVGassets/ultra sonic.svg b/legoresources/SVGassets/ultra sonic.svg
new file mode 100644
index 00000000..e92f6a76
--- /dev/null
+++ b/legoresources/SVGassets/ultra sonic.svg	
@@ -0,0 +1,103 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="2330.575 6196.231 83.275 34.887">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #f2f2f2;
+      }
+
+      .cls-2 {
+        fill: #292929;
+      }
+
+      .cls-3 {
+        stroke: rgba(242,242,242,0.5);
+        stroke-width: 0.25px;
+      }
+
+      .cls-4 {
+        fill: #931f1f;
+      }
+
+      .cls-5 {
+        fill: #9d761f;
+      }
+
+      .cls-6 {
+        clip-path: url(#clip-path);
+      }
+
+      .cls-7 {
+        stroke: none;
+      }
+
+      .cls-8 {
+        fill: none;
+      }
+    </style>
+    <clipPath id="clip-path">
+      <ellipse id="guld" class="cls-1" cx="6.977" cy="6.977" rx="6.977" ry="6.977"/>
+    </clipPath>
+  </defs>
+  <g id="ultra_sonic" data-name="ultra sonic" transform="translate(1222 5554)">
+    <rect id="Rectangle_1" data-name="Rectangle 1" class="cls-2" width="43.382" height="31.247" transform="translate(1131.024 643.596)"/>
+    <rect id="Rectangle_2" data-name="Rectangle 2" width="25.331" height="17.595" transform="translate(1138.609 650.573)"/>
+    <g id="eye1" transform="translate(1108.575 642.231)">
+      <g id="sort" class="cls-3" transform="translate(0 0)">
+        <ellipse class="cls-7" cx="17.444" cy="17.444" rx="17.444" ry="17.444"/>
+        <ellipse class="cls-8" cx="17.444" cy="17.444" rx="17.319" ry="17.319"/>
+      </g>
+      <ellipse id="rød" class="cls-4" cx="10.77" cy="10.77" rx="10.77" ry="10.77" transform="translate(6.674 6.674)"/>
+      <ellipse id="guld-3" data-name="guld" class="cls-5" cx="8.039" cy="8.039" rx="8.039" ry="8.039" transform="translate(9.404 9.404)"/>
+      <ellipse id="guld-4" data-name="guld" class="cls-1" cx="6.977" cy="6.977" rx="6.977" ry="6.977" transform="translate(10.466 10.466)"/>
+      <g id="Group_5" data-name="Group 5" transform="translate(10.466 10.466)">
+        <g id="Mask_Group_8" data-name="Mask Group 8" class="cls-6">
+          <g id="Group_17" data-name="Group 17" transform="translate(-7.148 3.21) rotate(-30)">
+            <rect id="Rectangle_84" data-name="Rectangle 84" class="cls-5" width="0.607" height="22.791" transform="translate(2.048 0)"/>
+            <rect id="Rectangle_91" data-name="Rectangle 91" class="cls-5" width="0.607" height="22.507" transform="translate(0 20.098) rotate(-90)"/>
+            <rect id="Rectangle_85" data-name="Rectangle 85" class="cls-5" width="0.607" height="22.791" transform="translate(4.93 0)"/>
+            <rect id="Rectangle_97" data-name="Rectangle 97" class="cls-5" width="0.607" height="22.507" transform="translate(0 17.216) rotate(-90)"/>
+            <rect id="Rectangle_86" data-name="Rectangle 86" class="cls-5" width="0.607" height="22.791" transform="translate(7.812 0)"/>
+            <rect id="Rectangle_96" data-name="Rectangle 96" class="cls-5" width="0.607" height="22.507" transform="translate(0 14.334) rotate(-90)"/>
+            <rect id="Rectangle_87" data-name="Rectangle 87" class="cls-5" width="0.607" height="22.791" transform="translate(10.694 0)"/>
+            <rect id="Rectangle_95" data-name="Rectangle 95" class="cls-5" width="0.607" height="22.507" transform="translate(0 11.452) rotate(-90)"/>
+            <rect id="Rectangle_88" data-name="Rectangle 88" class="cls-5" width="0.607" height="22.791" transform="translate(13.576 0)"/>
+            <rect id="Rectangle_94" data-name="Rectangle 94" class="cls-5" width="0.607" height="22.507" transform="translate(0 8.57) rotate(-90)"/>
+            <rect id="Rectangle_89" data-name="Rectangle 89" class="cls-5" width="0.607" height="22.791" transform="translate(16.458 0)"/>
+            <rect id="Rectangle_93" data-name="Rectangle 93" class="cls-5" width="0.607" height="22.507" transform="translate(0 5.688) rotate(-90)"/>
+            <rect id="Rectangle_90" data-name="Rectangle 90" class="cls-5" width="0.607" height="22.791" transform="translate(19.34 0)"/>
+            <rect id="Rectangle_92" data-name="Rectangle 92" class="cls-5" width="0.607" height="22.507" transform="translate(0 2.806) rotate(-90)"/>
+          </g>
+        </g>
+      </g>
+    </g>
+    <g id="eye2" transform="translate(1156.962 642.231)">
+      <g id="sort-2" data-name="sort" class="cls-3" transform="translate(0 0)">
+        <ellipse class="cls-7" cx="17.444" cy="17.444" rx="17.444" ry="17.444"/>
+        <ellipse class="cls-8" cx="17.444" cy="17.444" rx="17.319" ry="17.319"/>
+      </g>
+      <ellipse id="rød-2" data-name="rød" class="cls-4" cx="10.77" cy="10.77" rx="10.77" ry="10.77" transform="translate(6.674 6.674)"/>
+      <ellipse id="guld-5" data-name="guld" class="cls-5" cx="8.039" cy="8.039" rx="8.039" ry="8.039" transform="translate(9.404 9.404)"/>
+      <ellipse id="guld-6" data-name="guld" class="cls-1" cx="6.977" cy="6.977" rx="6.977" ry="6.977" transform="translate(10.466 10.466)"/>
+      <g id="Group_18" data-name="Group 18" transform="translate(10.466 10.466)">
+        <g id="Mask_Group_8-2" data-name="Mask Group 8" class="cls-6">
+          <g id="Group_17-2" data-name="Group 17" transform="translate(-7.148 3.21) rotate(-30)">
+            <rect id="Rectangle_84-2" data-name="Rectangle 84" class="cls-5" width="0.607" height="22.791" transform="translate(2.048 0)"/>
+            <rect id="Rectangle_91-2" data-name="Rectangle 91" class="cls-5" width="0.607" height="22.507" transform="translate(0 20.098) rotate(-90)"/>
+            <rect id="Rectangle_85-2" data-name="Rectangle 85" class="cls-5" width="0.607" height="22.791" transform="translate(4.93 0)"/>
+            <rect id="Rectangle_97-2" data-name="Rectangle 97" class="cls-5" width="0.607" height="22.507" transform="translate(0 17.216) rotate(-90)"/>
+            <rect id="Rectangle_86-2" data-name="Rectangle 86" class="cls-5" width="0.607" height="22.791" transform="translate(7.812 0)"/>
+            <rect id="Rectangle_96-2" data-name="Rectangle 96" class="cls-5" width="0.607" height="22.507" transform="translate(0 14.334) rotate(-90)"/>
+            <rect id="Rectangle_87-2" data-name="Rectangle 87" class="cls-5" width="0.607" height="22.791" transform="translate(10.694 0)"/>
+            <rect id="Rectangle_95-2" data-name="Rectangle 95" class="cls-5" width="0.607" height="22.507" transform="translate(0 11.452) rotate(-90)"/>
+            <rect id="Rectangle_88-2" data-name="Rectangle 88" class="cls-5" width="0.607" height="22.791" transform="translate(13.576 0)"/>
+            <rect id="Rectangle_94-2" data-name="Rectangle 94" class="cls-5" width="0.607" height="22.507" transform="translate(0 8.57) rotate(-90)"/>
+            <rect id="Rectangle_89-2" data-name="Rectangle 89" class="cls-5" width="0.607" height="22.791" transform="translate(16.458 0)"/>
+            <rect id="Rectangle_93-2" data-name="Rectangle 93" class="cls-5" width="0.607" height="22.507" transform="translate(0 5.688) rotate(-90)"/>
+            <rect id="Rectangle_90-2" data-name="Rectangle 90" class="cls-5" width="0.607" height="22.791" transform="translate(19.34 0)"/>
+            <rect id="Rectangle_92-2" data-name="Rectangle 92" class="cls-5" width="0.607" height="22.507" transform="translate(0 2.806) rotate(-90)"/>
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>