From 8f82c24cf47b751d3dedac1491f1a94ba52d6a6b Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 22 Jan 2024 13:02:27 -0500
Subject: [PATCH] Fleet UI: Update software icons (#16224)

---
 frontend/pages/SoftwarePage/_styles.scss      |  11 +
 .../SoftwareDetailsSummary/_styles.scss       |   4 +-
 .../components/icons/AcrobatReader.tsx        |   7 +-
 .../SoftwarePage/components/icons/Chrome.tsx  |  71 ----
 .../components/icons/ChromeApp.tsx            |  67 ++++
 .../components/icons/ChromeOS.tsx             |  14 +
 .../SoftwarePage/components/icons/Excel.tsx   |  52 ++-
 .../components/icons/Extension.tsx            |  67 +++-
 .../SoftwarePage/components/icons/Firefox.tsx | 378 +++++++++---------
 .../SoftwarePage/components/icons/LinuxOS.tsx |  16 +
 .../SoftwarePage/components/icons/MacApp.tsx  |  10 +-
 .../SoftwarePage/components/icons/MacOS.tsx   |  16 +
 .../SoftwarePage/components/icons/Package.tsx |  63 ++-
 .../SoftwarePage/components/icons/Safari.tsx  | 327 +++++++--------
 .../SoftwarePage/components/icons/Slack.tsx   |  24 +-
 .../SoftwarePage/components/icons/Teams.tsx   |  62 ++-
 .../components/icons/VisualStudioCode.tsx     |  18 +-
 .../components/icons/WindowsApp.tsx           |  12 +-
 .../components/icons/WindowsOS.tsx            |  16 +
 .../SoftwarePage/components/icons/Word.tsx    |  74 ++--
 .../SoftwarePage/components/icons/Zoom.tsx    |  21 +-
 .../SoftwarePage/components/icons/index.ts    |   4 +-
 22 files changed, 726 insertions(+), 608 deletions(-)
 delete mode 100644 frontend/pages/SoftwarePage/components/icons/Chrome.tsx
 create mode 100644 frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
 create mode 100644 frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
 create mode 100644 frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
 create mode 100644 frontend/pages/SoftwarePage/components/icons/MacOS.tsx
 create mode 100644 frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx

diff --git a/frontend/pages/SoftwarePage/_styles.scss b/frontend/pages/SoftwarePage/_styles.scss
index 0f9fe85494..1c4f5ba8fc 100644
--- a/frontend/pages/SoftwarePage/_styles.scss
+++ b/frontend/pages/SoftwarePage/_styles.scss
@@ -56,4 +56,15 @@
       font-style: italic;
     }
   }
+
+  &__wrapper {
+    .table-container {
+      .software-icon {
+        width: 24px;
+        height: 24px;
+        border: 1px solid $ui-fleet-black-10;
+        border-radius: 8px;
+      }
+    }
+  }
 }
diff --git a/frontend/pages/SoftwarePage/components/SoftwareDetailsSummary/_styles.scss b/frontend/pages/SoftwarePage/components/SoftwareDetailsSummary/_styles.scss
index b472078d85..2da1c3e5bc 100644
--- a/frontend/pages/SoftwarePage/components/SoftwareDetailsSummary/_styles.scss
+++ b/frontend/pages/SoftwarePage/components/SoftwareDetailsSummary/_styles.scss
@@ -7,10 +7,10 @@
   display: flex;
   gap: $pad-medium;
 
-  &__icon {
+  .software-icon {
     width: 96px;
     height: 96px;
-    border: 1px solid #e2e4ea;
+    border: 1px solid $ui-fleet-black-10;
     border-radius: 8px;
   }
 
diff --git a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
index 440db6f583..2a28a7ca1d 100644
--- a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
@@ -4,13 +4,10 @@ import type { SVGProps } from "react";
 
 const AcrobatReader = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#B30B00" d="M0 0h32v32H0z" />
     <path
-      fill="#B30B00"
-      d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"
-    />
-    <path
+      d="M25.189 18.169c-1.494-1.639-5.566-.922-6.55-.82-1.394-1.433-2.378-3.059-2.776-3.673.498-1.536.896-3.264.896-4.902 0-1.536-.598-3.06-2.179-3.06-.598 0-1.095.308-1.394.82-.698 1.228-.399 3.673.697 6.22-.598 1.844-1.594 4.596-2.777 6.733-1.594.615-5.067 2.24-5.366 4.083-.1.512.1 1.127.498 1.434.398.41.896.512 1.394.512 2.08 0 4.171-2.957 5.666-5.62 1.195-.409 3.075-1.023 4.968-1.33 2.179 2.048 4.17 2.342 5.167 2.342 1.395 0 1.893-.614 2.08-1.126.261-.487.074-1.204-.324-1.613Zm-1.395 1.024c-.1.41-.598.819-1.494.614-1.096-.307-2.08-.819-2.876-1.536.697-.102 2.378-.307 3.573-.102.399.102.897.41.797 1.024Zm-9.637-12.25a.546.546 0 0 1 .498-.307c.498 0 .598.614.598 1.126-.1 1.23-.3 2.548-.698 3.674-.797-2.24-.697-3.878-.398-4.493Zm-.1 11.533c.498-.922 1.096-2.65 1.295-3.264.498.922 1.395 1.946 1.793 2.445.1-.09-1.693.307-3.088.819Zm-3.374 2.355c-1.382 2.24-2.677 3.674-3.474 3.674-.1 0-.299 0-.398-.103-.1-.204-.2-.41-.1-.614.1-.82 1.693-1.946 3.972-2.957Z"
       fill="#fff"
-      d="M25.189 18.169c-1.494-1.639-5.566-.922-6.55-.82-1.394-1.433-2.378-3.059-2.776-3.673.498-1.536.896-3.264.896-4.902 0-1.536-.598-3.06-2.179-3.06-.598 0-1.095.308-1.394.82-.698 1.228-.399 3.673.697 6.22-.598 1.844-1.594 4.596-2.777 6.733-1.594.615-5.067 2.24-5.366 4.083-.1.512.1 1.127.498 1.434.398.41.896.512 1.394.512 2.08 0 4.171-2.957 5.666-5.62 1.195-.409 3.075-1.023 4.968-1.33 2.179 2.048 4.17 2.342 5.167 2.342 1.395 0 1.893-.614 2.08-1.126.261-.487.074-1.204-.324-1.613m-1.395 1.024c-.1.41-.598.819-1.494.614-1.096-.307-2.08-.819-2.876-1.536.697-.102 2.378-.307 3.573-.102.399.102.897.41.797 1.024m-9.637-12.25a.546.546 0 0 1 .498-.307c.498 0 .598.614.598 1.126-.1 1.23-.3 2.548-.698 3.674-.797-2.24-.697-3.878-.398-4.493m-.1 11.533c.498-.922 1.096-2.65 1.295-3.264.498.922 1.395 1.946 1.793 2.445.1-.09-1.693.307-3.088.819m-3.374 2.355c-1.382 2.24-2.677 3.674-3.474 3.674-.1 0-.299 0-.398-.103-.1-.204-.2-.41-.1-.614.1-.82 1.693-1.946 3.972-2.957"
     />
   </svg>
 );
diff --git a/frontend/pages/SoftwarePage/components/icons/Chrome.tsx b/frontend/pages/SoftwarePage/components/icons/Chrome.tsx
deleted file mode 100644
index c356dc9c39..0000000000
--- a/frontend/pages/SoftwarePage/components/icons/Chrome.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from "react";
-
-import type { SVGProps } from "react";
-
-const Chrome = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <g clipPath="url(#Name=chrome_clippath__a)">
-      <path fill="#fff" d="M16 21.997a6 6 0 1 0 0-12 6 6 0 0 0 0 12" />
-      <path
-        fill="url(#Name=chrome_clippath__b)"
-        d="M16 10h10.39a11.997 11.997 0 0 0-20.781.002L10.804 19l.005-.001A5.992 5.992 0 0 1 16 10"
-      />
-      <path
-        fill="#1A73E8"
-        d="M16 20.75a4.75 4.75 0 1 0 0-9.5 4.75 4.75 0 0 0 0 9.5"
-      />
-      <path
-        fill="url(#Name=chrome_clippath__c)"
-        d="M21.196 19.002 16 28a11.997 11.997 0 0 0 10.39-17.998H16l-.002.004a5.993 5.993 0 0 1 5.198 8.996"
-      />
-      <path
-        fill="url(#Name=chrome_clippath__d)"
-        d="M10.804 19.002 5.61 10.003A11.997 11.997 0 0 0 16.001 28l5.195-8.998-.003-.004a5.992 5.992 0 0 1-10.389.004"
-      />
-    </g>
-    <defs>
-      <linearGradient
-        id="Name=chrome_clippath__b"
-        x1={5.609}
-        x2={26.391}
-        y1={11.5}
-        y2={11.5}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#D93025" />
-        <stop offset={1} stopColor="#EA4335" />
-      </linearGradient>
-      <linearGradient
-        id="Name=chrome_clippath__c"
-        x1={14.361}
-        x2={24.752}
-        y1={27.84}
-        y2={9.842}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#FCC934" />
-        <stop offset={1} stopColor="#FBBC04" />
-      </linearGradient>
-      <linearGradient
-        id="Name=chrome_clippath__d"
-        x1={17.299}
-        x2={6.908}
-        y1={27.251}
-        y2={9.253}
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#1E8E3E" />
-        <stop offset={1} stopColor="#34A853" />
-      </linearGradient>
-      <clipPath id="Name=chrome_clippath__a">
-        <path fill="#fff" d="M4 4h24v24H4z" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default Chrome;
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
new file mode 100644
index 0000000000..e53cf6a4f5
--- /dev/null
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+
+import type { SVGProps } from "react";
+
+const ChromeApp = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
+    <g clipPath="url(#chrome_svg__clippath)">
+      <path d="M16 21.997a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff" />
+      <path
+        d="M16 10h10.39a11.997 11.997 0 0 0-20.781.002L10.804 19l.005-.001A5.992 5.992 0 0 1 16 10Z"
+        fill="url(#chrome_svg__b)"
+      />
+      <path
+        d="M16 20.75a4.75 4.75 0 1 0 0-9.5 4.75 4.75 0 0 0 0 9.5Z"
+        fill="#1A73E8"
+      />
+      <path
+        d="M21.196 19.002 16 28a11.997 11.997 0 0 0 10.39-17.998H16l-.002.004a5.993 5.993 0 0 1 5.198 8.995Z"
+        fill="url(#chrome_svg__c)"
+      />
+      <path
+        d="M10.804 19.002 5.61 10.003A11.997 11.997 0 0 0 16.001 28l5.195-8.998-.003-.004a5.992 5.992 0 0 1-10.389.004Z"
+        fill="url(#chrome_svg__d)"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="chrome_svg__b"
+        x1="5.609"
+        y1="11.5"
+        x2="26.391"
+        y2="11.5"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#D93025" />
+        <stop offset="1" stopColor="#EA4335" />
+      </linearGradient>
+      <linearGradient
+        id="chrome_svg__c"
+        x1="14.361"
+        y1="27.84"
+        x2="24.752"
+        y2="9.842"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#FCC934" />
+        <stop offset="1" stopColor="#FBBC04" />
+      </linearGradient>
+      <linearGradient
+        id="chrome_svg__d"
+        x1="17.299"
+        y1="27.251"
+        x2="6.908"
+        y2="9.253"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#1E8E3E" />
+        <stop offset="1" stopColor="#34A853" />
+      </linearGradient>
+      <clipPath id="chrome_svg__clippath">
+        <path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default ChromeApp;
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
new file mode 100644
index 0000000000..b2c7de8453
--- /dev/null
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
@@ -0,0 +1,14 @@
+import React from "react";
+
+import type { SVGProps } from "react";
+
+const ChromeOS = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
+    <path
+      d="M5 16c0-2.002.536-3.884 1.473-5.539l4.719 8.216A5.502 5.502 0 0 0 16 21.5a5.67 5.67 0 0 0 1.753-.284l-3.278 5.68C9.12 26.155 5 21.557 5 16Zm15.688 2.819A5.28 5.28 0 0 0 21.5 16a5.502 5.502 0 0 0-1.86-4.125h6.56c.516 1.272.8 2.668.8 4.125 0 6.076-4.924 10.961-11 11l4.688-8.181ZM25.53 10.5H16a5.473 5.473 0 0 0-5.393 4.413L7.328 9.23A10.977 10.977 0 0 1 16 5c4.073 0 7.627 2.212 9.53 5.5ZM12.219 16a3.781 3.781 0 1 1 7.562 0 3.781 3.781 0 0 1-7.562 0Z"
+      fill="#515774"
+    />
+  </svg>
+);
+export default ChromeOS;
diff --git a/frontend/pages/SoftwarePage/components/icons/Excel.tsx b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
index 5a46cfbc23..cb414339ed 100644
--- a/frontend/pages/SoftwarePage/components/icons/Excel.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
@@ -4,65 +4,61 @@ import type { SVGProps } from "react";
 
 const Excel = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
     <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
+      d="M17.814 15.704 9.117 14.17v11.322a.937.937 0 0 0 .937.936H25.06a.936.936 0 0 0 .939-.936V21.32l-8.186-5.618Z"
       fill="#185C37"
-      d="M17.814 15.704 9.117 14.17v11.322a.937.937 0 0 0 .937.936H25.06a.936.936 0 0 0 .939-.936V21.32z"
     />
     <path
+      d="M17.814 6h-7.76a.937.937 0 0 0-.937.936v4.171l8.697 5.107 4.605 1.532L26 16.214v-5.107L17.814 6Z"
       fill="#21A366"
-      d="M17.814 6h-7.76a.937.937 0 0 0-.937.936v4.171l8.697 5.107 4.605 1.532L26 16.214v-5.107z"
     />
-    <path fill="#107C41" d="M9.117 11.107h8.697v5.107H9.117z" />
+    <path d="M9.117 11.107h8.697v5.107H9.117v-5.107Z" fill="#107C41" />
     <path
+      opacity=".1"
+      d="M15.341 10.086H9.117v12.768h6.224a.943.943 0 0 0 .938-.936V11.022a.943.943 0 0 0-.938-.936Z"
       fill="#000"
-      d="M15.341 10.086H9.117v12.768h6.224a.943.943 0 0 0 .938-.936V11.022a.943.943 0 0 0-.938-.936"
-      opacity={0.1}
     />
     <path
+      opacity=".2"
+      d="M14.83 10.596H9.116v12.768h5.712a.943.943 0 0 0 .939-.936V11.532a.943.943 0 0 0-.939-.936Z"
       fill="#000"
-      d="M14.83 10.596H9.116v12.768h5.712a.943.943 0 0 0 .939-.936V11.532a.943.943 0 0 0-.939-.936"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M14.83 10.596H9.116v11.747h5.712a.943.943 0 0 0 .939-.936v-9.875a.943.943 0 0 0-.939-.936Z"
       fill="#000"
-      d="M14.83 10.596H9.116v11.747h5.712a.943.943 0 0 0 .939-.936v-9.875a.943.943 0 0 0-.939-.936"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M14.318 10.596H9.117v11.747h5.201a.943.943 0 0 0 .938-.936v-9.875a.943.943 0 0 0-.938-.936Z"
       fill="#000"
-      d="M14.318 10.596H9.117v11.747h5.201a.943.943 0 0 0 .938-.936v-9.875a.943.943 0 0 0-.938-.936"
-      opacity={0.2}
     />
     <path
-      fill="url(#Name=excel_svg__a)"
-      d="M4.938 10.596h9.38a.938.938 0 0 1 .938.936v9.364a.937.937 0 0 1-.938.936h-9.38A.935.935 0 0 1 4 20.896v-9.364a.936.936 0 0 1 .938-.936"
+      d="M4.938 10.596h9.38a.938.938 0 0 1 .938.936v9.364a.937.937 0 0 1-.938.936h-9.38A.935.935 0 0 1 4 20.896v-9.364a.936.936 0 0 1 .938-.936Z"
+      fill="url(#excel_svg__a)"
     />
     <path
+      d="m6.907 19.257 1.973-3.051-1.807-3.035h1.451l.986 1.943c.091.184.157.32.187.412h.014c.064-.148.132-.29.204-.429l1.054-1.923h1.336l-1.854 3.018 1.901 3.068h-1.421l-1.14-2.13a1.85 1.85 0 0 1-.134-.287h-.019c-.033.097-.077.19-.132.276l-1.173 2.138H6.907Z"
       fill="#fff"
-      d="m6.907 19.257 1.973-3.051-1.807-3.035h1.451l.986 1.943c.091.184.157.32.187.412h.014c.064-.148.132-.29.204-.429l1.054-1.923h1.336l-1.854 3.018 1.901 3.068h-1.421l-1.14-2.13a1.85 1.85 0 0 1-.134-.287h-.019c-.033.097-.077.19-.132.276l-1.173 2.138z"
     />
     <path
+      d="M25.062 6h-7.248v5.107H26V6.936A.937.937 0 0 0 25.062 6Z"
       fill="#33C481"
-      d="M25.062 6h-7.248v5.107H26V6.936A.937.937 0 0 0 25.062 6"
     />
-    <path fill="#107C41" d="M17.814 16.214H26v5.107h-8.186z" />
+    <path d="M17.814 16.214H26v5.107h-8.186v-5.107Z" fill="#107C41" />
     <defs>
       <linearGradient
-        id="Name=excel_svg__a"
-        x1={5.96}
-        x2={13.297}
-        y1={9.861}
-        y2={22.568}
+        id="excel_svg__a"
+        x1="5.96"
+        y1="9.861"
+        x2="13.297"
+        y2="22.568"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#18884F" />
-        <stop offset={0.5} stopColor="#117E43" />
-        <stop offset={1} stopColor="#0B6631" />
+        <stop offset=".5" stopColor="#117E43" />
+        <stop offset="1" stopColor="#0B6631" />
       </linearGradient>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/Extension.tsx b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
index d456c8724f..aca39eabe4 100644
--- a/frontend/pages/SoftwarePage/components/icons/Extension.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
@@ -4,17 +4,62 @@ import type { SVGProps } from "react";
 
 const Extension = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#F9FAFC"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
-      fill="#515774"
-      fillRule="evenodd"
-      d="M8.586 7.586A2 2 0 0 1 10 7h3c.527 0 1.044.18 1.432.568.388.388.568.905.568 1.432v2h2V9a2 2 0 0 1 2-2h3c.527 0 1.044.18 1.432.568.388.388.568.905.568 1.432v2a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V13a2 2 0 0 1 2-2V9a2 2 0 0 1 .586-1.414M22 11V9h-3v2zm-4 2H8v10h16V13h-1zm-5-4v2h-3V9z"
-      clipRule="evenodd"
-    />
+    <path fill="#fff" d="M0 0h32v32H0z" />
+    <g
+      clipPath="url(#extension_svg__clippath)"
+      stroke="#693202"
+      strokeWidth=".52"
+    >
+      <path
+        d="M26.412 12.12a.245.245 0 0 0-.245 0l-9.898 5.715a.245.245 0 0 0-.122.212v7.76a.244.244 0 0 0 .367.211l9.898-5.714a.245.245 0 0 0 .122-.212v-7.76a.245.245 0 0 0-.122-.212Z"
+        fill="#F39C12"
+      />
+      <path
+        d="M16.39 17.765v8.186c0 .056-.046.102-.096.08a.219.219 0 0 1-.025-.012L6.37 20.304a.244.244 0 0 1-.123-.212v-7.76a.244.244 0 0 1 .367-.212l9.776 5.645Z"
+        fill="#E67E22"
+      />
+      <path
+        d="m26.411 12.12-9.898-5.714a.244.244 0 0 0-.244 0L6.37 12.121a.245.245 0 0 0 0 .423l9.898 5.715a.243.243 0 0 0 .244 0l9.898-5.715a.245.245 0 0 0 0-.423Z"
+        fill="#F1C40F"
+      />
+      <path
+        d="M18.561 8.893V7.247a.245.245 0 0 0-.245-.244h-3.645a.244.244 0 0 0-.245.244v1.66c.003.37.236.706.656.949.396.228.904.342 1.412.342.508 0 1.015-.114 1.411-.342.423-.245.657-.584.657-.956v-.007h-.001Z"
+        fill="#E67E22"
+      />
+      <path
+        d="M17.905 6.291c-.792-.457-2.032-.457-2.823 0-.423.244-.656.584-.656.956s.233.712.656.956c.396.229.904.343 1.412.343.508 0 1.015-.114 1.411-.343.423-.244.656-.584.656-.956s-.233-.712-.656-.956Z"
+        fill="#F9D641"
+      />
+      <path
+        d="M23.44 10.014h-3.645a.244.244 0 0 0-.245.244V11.911c0 .372.234.712.657.956.396.228.903.343 1.411.343s1.016-.115 1.411-.343c.424-.245.657-.584.657-.957v-1.652a.245.245 0 0 0-.245-.244Z"
+        fill="#E67E22"
+      />
+      <path
+        d="M23.029 9.302c-.791-.457-2.031-.457-2.823 0-.423.244-.656.584-.656.956s.234.712.657.956c.396.229.903.343 1.411.343s1.016-.114 1.412-.343c.423-.244.656-.584.656-.956s-.233-.712-.657-.956Z"
+        fill="#F9D641"
+      />
+      <path
+        d="M13.006 12.055v-1.647a.245.245 0 0 0-.245-.244H9.115a.245.245 0 0 0-.244.244v1.659c.002.37.235.707.656.95.396.229.904.343 1.412.343.508 0 1.015-.114 1.411-.343.423-.244.657-.584.657-.956v-.006h-.001Z"
+        fill="#E67E22"
+      />
+      <path
+        d="M12.35 9.452c-.792-.457-2.032-.457-2.823 0-.423.244-.656.584-.656.956s.233.712.656.956c.396.229.904.343 1.412.343.508 0 1.015-.114 1.411-.343.423-.244.656-.584.656-.956s-.233-.712-.656-.956Z"
+        fill="#F9D641"
+      />
+      <path
+        d="M17.885 13.175h-3.646a.245.245 0 0 0-.245.244v1.652c0 .373.234.712.657.956.396.229.903.343 1.411.343s1.016-.114 1.411-.343c.421-.243.655-.58.657-.95v-1.659a.244.244 0 0 0-.245-.244Z"
+        fill="#E67E22"
+      />
+      <path
+        d="M17.473 12.463c-.791-.457-2.031-.457-2.822 0-.424.245-.657.584-.657.956s.234.712.657.956c.396.229.903.343 1.411.343s1.016-.114 1.412-.343c.423-.244.656-.584.656-.956s-.233-.711-.657-.956Z"
+        fill="#F9D641"
+      />
+    </g>
+    <defs>
+      <clipPath id="extension_svg__clippath">
+        <path fill="#fff" transform="translate(5 5)" d="M0 0h22v22H0z" />
+      </clipPath>
+    </defs>
   </svg>
 );
 export default Extension;
diff --git a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
index f4206a4491..b4c7f4ead5 100644
--- a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
@@ -4,287 +4,283 @@ import type { SVGProps } from "react";
 
 const Firefox = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <g clipPath="url(#Name=firefox_clippath)">
+    <path fill="#fff" d="M0 0h32v32H0z" />
+    <g clipPath="url(#firefox_svg__clippath)">
       <path
-        fill="url(#Name=firefox_svg__b)"
-        d="M23.288 6.233c-.584.68-.857 2.21-.264 3.762.591 1.552 1.5 1.215 2.066 2.797.747 2.087.399 4.892.399 4.892s.898 2.6 1.523-.162c1.384-5.186-3.724-10.011-3.724-11.29"
+        d="M23.288 6.233c-.584.68-.857 2.21-.264 3.762.591 1.552 1.5 1.215 2.066 2.797.747 2.087.399 4.892.399 4.892s.898 2.6 1.523-.162c1.384-5.186-3.724-10.011-3.724-11.29Z"
+        fill="url(#firefox_svg__b)"
       />
       <path
-        fill="url(#Name=firefox_svg__c)"
-        d="M16.16 27.771c5.981 0 10.826-4.872 10.826-10.878S22.141 6.015 16.166 6.015c-5.976 0-10.82 4.871-10.82 10.878-.012 6.013 4.839 10.878 10.814 10.878"
+        d="M16.16 27.771c5.981 0 10.826-4.872 10.826-10.878S22.141 6.015 16.166 6.015c-5.976 0-10.82 4.871-10.82 10.878-.012 6.013 4.839 10.878 10.814 10.878Z"
+        fill="url(#firefox_svg__c)"
       />
       <path
-        fill="url(#Name=firefox_svg__d)"
-        d="M24.273 23.6c-.235.166-.48.313-.735.443.338-.495.65-1.008.934-1.536.231-.256.442-.504.614-.772.084-.132.178-.294.279-.484.607-1.095 1.278-2.867 1.297-4.687v-.138a6.26 6.26 0 0 0-.14-1.36l.014.105-.016-.081.024.145c.123 1.054.035 2.083-.407 2.84l-.022.033c.23-1.152.307-2.424.05-3.698 0 0-.102-.618-.862-2.498-.438-1.082-1.215-1.97-1.903-2.615-.602-.745-1.15-1.245-1.45-1.562-.63-.663-.894-1.16-1.002-1.484-.094-.048-1.296-1.215-1.392-1.26-.525.815-2.175 3.358-1.39 5.736.356 1.078 1.256 2.196 2.197 2.823.042.048.56.611.807 1.883.254 1.313.12 2.337-.404 3.853-.616 1.33-2.196 2.644-3.676 2.778-3.162.287-4.321-1.588-4.321-1.588 1.13.452 2.38.357 3.14-.112.766-.473 1.23-.825 1.605-.686.37.138.666-.262.401-.677a1.914 1.914 0 0 0-1.936-.843c-.767.125-1.469.731-2.474.144a1.761 1.761 0 0 1-.188-.124c-.067-.044.215.066.15.017a4.935 4.935 0 0 1-.632-.42c-.014-.014.153.053.137.039-.939-.773-.822-1.296-.792-1.624.023-.263.193-.599.48-.735.14.076.226.134.226.134l-.091-.185c.011-.004.021-.003.033-.008a6.1 6.1 0 0 1 .498.284c.172.122.227.23.227.23s.045-.024.012-.13a.68.68 0 0 0-.236-.321h.01c.103.06.2.126.29.201.048-.174.135-.358.116-.685-.011-.23-.007-.29-.047-.379-.036-.076.02-.106.083-.027a.831.831 0 0 0-.054-.18v-.006c.079-.273 1.665-.987 1.78-1.07.189-.135.348-.307.466-.508.088-.14.155-.338.17-.636.01-.216-.091-.36-1.695-.528-.438-.043-.695-.36-.842-.653a5.496 5.496 0 0 0-.08-.178 1.31 1.31 0 0 1-.063-.206c.263-.752.702-1.39 1.35-1.87.035-.033-.14.007-.106-.024.042-.037.31-.146.361-.17.062-.03-.265-.168-.554-.134-.294.032-.358.068-.514.135.065-.066.272-.15.224-.15-.318.048-.711.233-1.05.442a.265.265 0 0 1 .021-.106c-.157.066-.543.336-.655.564a1.15 1.15 0 0 0 .007-.131c-.12.1-.228.213-.322.337l-.006.005c-.91-.367-1.713-.39-2.392-.226-.148-.15-.22-.04-.559-.783-.022-.045.018.044 0 0-.055-.144.034.192 0 0-.568.449-1.315.956-1.673 1.315-.005.014.418-.12 0 0-.147.041-.137.128-.16.915-.005.06 0 .126-.005.18-.286.365-.481.674-.555.834-.371.64-.78 1.634-1.175 3.209.175-.427.385-.839.63-1.23-.33.836-.648 2.148-.71 4.169.08-.417.18-.83.305-1.235a11.53 11.53 0 0 0 .847 4.904c.228.556.604 1.4 1.244 2.327a11 11 0 0 0 7.997 3.436c3.286 0 6.234-1.436 8.26-3.717"
+        d="M24.273 23.6c-.235.166-.48.313-.735.443.338-.495.65-1.008.934-1.536.231-.256.442-.504.614-.772.084-.132.178-.294.279-.484.607-1.095 1.278-2.867 1.297-4.687v-.138a6.26 6.26 0 0 0-.14-1.36l.014.105-.016-.081.024.145c.123 1.054.035 2.083-.407 2.84l-.022.033c.23-1.152.307-2.424.05-3.698 0 0-.102-.618-.862-2.498-.438-1.082-1.215-1.97-1.903-2.615-.602-.745-1.15-1.245-1.45-1.562-.63-.663-.894-1.16-1.002-1.484-.094-.048-1.296-1.215-1.392-1.26-.525.815-2.175 3.358-1.39 5.736.356 1.078 1.256 2.196 2.197 2.823.042.048.56.611.807 1.883.254 1.313.12 2.337-.404 3.853-.616 1.33-2.196 2.644-3.676 2.778-3.162.287-4.321-1.588-4.321-1.588 1.13.452 2.38.357 3.14-.112.766-.473 1.23-.825 1.605-.686.37.138.666-.262.401-.677a1.914 1.914 0 0 0-1.936-.843c-.767.125-1.469.731-2.474.144a1.751 1.751 0 0 1-.188-.124c-.067-.044.215.066.15.017a4.935 4.935 0 0 1-.632-.42c-.014-.014.153.053.137.039-.939-.773-.822-1.296-.792-1.624.023-.263.193-.599.48-.735.14.076.226.134.226.134l-.091-.185c.011-.004.021-.003.033-.008a6.1 6.1 0 0 1 .498.284c.172.122.227.23.227.23s.045-.024.012-.13a.68.68 0 0 0-.236-.321h.01c.103.06.2.126.29.201.048-.174.135-.358.116-.685-.011-.23-.007-.29-.047-.379-.036-.076.02-.106.083-.027a.826.826 0 0 0-.054-.18v-.006c.079-.273 1.665-.987 1.78-1.07.189-.135.348-.307.466-.508.088-.14.155-.338.17-.636.01-.216-.091-.36-1.695-.528-.438-.043-.695-.36-.842-.653a5.496 5.496 0 0 0-.08-.178 1.31 1.31 0 0 1-.063-.206c.263-.752.702-1.39 1.35-1.87.035-.033-.14.007-.106-.024.042-.037.31-.146.361-.17.062-.03-.265-.168-.554-.134-.294.032-.358.068-.514.135.065-.066.272-.15.224-.15-.318.048-.711.233-1.05.442a.265.265 0 0 1 .021-.106c-.157.066-.543.336-.655.564.005-.044.007-.087.007-.131-.12.1-.228.213-.322.337l-.006.005c-.91-.367-1.713-.39-2.392-.226-.148-.15-.22-.04-.559-.783-.022-.045.018.044 0 0-.055-.144.034.192 0 0-.568.449-1.315.956-1.673 1.315-.005.014.418-.12 0 0-.147.041-.137.128-.16.915-.005.06 0 .126-.005.18-.286.365-.481.674-.555.834-.371.64-.78 1.634-1.175 3.209.175-.427.385-.839.63-1.23-.33.836-.648 2.148-.71 4.169.08-.417.18-.83.305-1.235-.078 1.677.211 3.35.847 4.904.228.556.604 1.4 1.244 2.327a11 11 0 0 0 7.997 3.436c3.286 0 6.234-1.436 8.26-3.717Z"
+        fill="url(#firefox_svg__d)"
       />
       <path
-        fill="url(#Name=firefox_svg__e)"
-        d="M21.844 25.139c3.973-.46 5.73-4.554 3.472-4.635-2.04-.064-5.354 4.852-3.472 4.634"
+        d="M21.844 25.139c3.973-.46 5.73-4.554 3.472-4.635-2.04-.064-5.354 4.852-3.472 4.634Z"
+        fill="url(#firefox_svg__e)"
       />
       <path
-        fill="url(#Name=firefox_svg__f)"
-        d="M25.602 19.669c2.733-1.59 2.021-5.026 2.021-5.026s-1.055 1.224-1.771 3.178c-.708 1.934-1.893 2.808-.25 1.848"
+        d="M25.602 19.669c2.733-1.59 2.021-5.027 2.021-5.027s-1.055 1.226-1.771 3.179c-.708 1.934-1.893 2.808-.25 1.848Z"
+        fill="url(#firefox_svg__f)"
       />
       <path
-        fill="url(#Name=firefox_svg__g)"
-        d="M16.926 27.172c3.81 1.216 7.085-1.787 5.067-2.789-1.836-.903-6.875 2.214-5.067 2.789"
+        d="M16.925 27.172c3.81 1.216 7.086-1.787 5.068-2.789-1.836-.903-6.875 2.214-5.067 2.789Z"
+        fill="url(#firefox_svg__g)"
       />
       <path
-        fill="url(#Name=firefox_svg__h)"
-        d="M25.886 21.127c.093-.13.218-.55.33-.737.672-1.086.677-1.952.677-1.97.407-2.03.37-2.859.12-4.392-.202-1.234-1.082-3.002-1.843-3.853-.786-.877-.233-.592-.993-1.232-.666-.74-1.313-1.47-1.665-1.765-2.544-2.126-2.486-2.578-2.438-2.655l-.036.04c-.03-.12-.052-.22-.052-.22s-1.39 1.39-1.682 3.706c-.192 1.513.375 3.09 1.195 4.098.427.522.909.997 1.439 1.415v-.001c.62.889.96 1.986.96 3.168a5.356 5.356 0 0 1-6.555 5.22c-1.396-.266-2.202-.97-2.604-1.448a2.636 2.636 0 0 1-.328-.474c1.25.449 2.633.354 3.474-.11.848-.47 1.36-.818 1.776-.68.41.136.737-.261.444-.672-.287-.412-1.034-1-2.143-.837-.849.124-1.626.726-2.738.142a2.149 2.149 0 0 1-.208-.123c-.073-.042.238.066.165.017a5.505 5.505 0 0 1-.698-.415c-.017-.014.168.052.15.039-1.038-.768-.909-1.285-.876-1.61a.932.932 0 0 1 .533-.729c.153.076.25.133.25.133L12.437 15c.012-.005.024-.004.036-.008.126.054.404.196.55.282.191.12.252.228.252.228s.05-.024.014-.13c-.014-.042-.071-.18-.26-.318h.01c.113.058.22.125.32.2.054-.173.15-.355.13-.68-.013-.227-.008-.287-.053-.375-.04-.075.023-.104.093-.027a.73.73 0 0 0-.06-.179l.001-.005c.087-.272 1.843-.979 1.97-1.062a1.72 1.72 0 0 0 .516-.503c.098-.14.172-.334.19-.63.005-.135-.035-.24-.5-.341-.28-.061-.712-.12-1.377-.183-.486-.043-.77-.358-.932-.649-.03-.063-.06-.12-.09-.176a1.312 1.312 0 0 1-.069-.204 3.867 3.867 0 0 1 1.497-1.856c.04-.032-.157.008-.117-.024.045-.037.342-.144.399-.169.068-.029-.294-.166-.613-.133-.326.033-.395.068-.57.134.072-.064.303-.148.248-.147-.351.048-.787.23-1.16.438a.226.226 0 0 1 .022-.105c-.174.067-.6.334-.725.56a.848.848 0 0 0 .007-.13c-.13.098-.25.21-.356.333l-.007.006c-1.008-.364-1.895-.388-2.647-.224-.165-.148-.428-.372-.803-1.107-.025-.044-.039.091-.058.047-.146-.337-.233-.889-.219-1.269 0 0-.3.137-.549.71-.046.102-.075.16-.104.216-.014.017.03-.189.023-.177-.043.073-.155.175-.204.307-.034.098-.081.154-.111.275l-.007.012c-.002-.036.009-.15.001-.125a5.848 5.848 0 0 0-.3.728 6.752 6.752 0 0 0-.314 1.819c-.006.058-.001.125-.006.178-.317.361-.533.668-.614.827-.411.631-.863 1.618-1.302 3.18.195-.427.428-.836.697-1.22-.364.828-.716 2.13-.787 4.135.088-.415.202-.824.338-1.225a10.373 10.373 0 0 0 .938 4.863c.501 1.1 1.657 3.332 4.479 5.075 2.822 1.742.96.714 2.61 1.25.121.044.245.088.372.13l-.115-.05c1.099.329 2.238.497 3.385.497 4.273.003 5.533-1.712 5.533-1.712l-.012.009c.06-.057.118-.116.174-.177-.674.637-2.212.678-2.788.633.98-.288 1.626-.532 2.882-1.013.146-.054.297-.116.45-.186l.05-.022c.03-.015.061-.027.091-.043a8.524 8.524 0 0 0 1.715-1.073c1.26-1.008 1.535-1.99 1.679-2.636-.02.062-.082.206-.126.3-.325.695-1.045 1.122-1.827 1.487.372-.488.716-.996 1.033-1.522.255-.253.335-.65.525-.916"
+        d="M25.886 21.127c.093-.13.218-.55.33-.737.672-1.086.677-1.952.677-1.97.407-2.03.37-2.859.12-4.392-.202-1.234-1.082-3.002-1.843-3.853-.786-.877-.233-.592-.993-1.232-.666-.74-1.313-1.47-1.665-1.765-2.544-2.126-2.486-2.578-2.438-2.655l-.036.04c-.03-.12-.052-.22-.052-.22s-1.39 1.39-1.682 3.706c-.192 1.513.375 3.09 1.195 4.098.427.522.909.997 1.439 1.415v-.001c.62.889.96 1.986.96 3.168a5.356 5.356 0 0 1-6.555 5.22c-1.396-.266-2.202-.97-2.604-1.448a2.636 2.636 0 0 1-.328-.474c1.25.449 2.633.354 3.474-.11.848-.47 1.36-.818 1.776-.68.41.136.737-.261.444-.672-.287-.412-1.034-1-2.143-.837-.849.124-1.627.726-2.738.142a2.149 2.149 0 0 1-.208-.123c-.073-.042.238.066.165.017a5.505 5.505 0 0 1-.698-.415c-.017-.014.168.052.15.039-1.038-.768-.909-1.285-.876-1.61a.932.932 0 0 1 .533-.729c.153.076.25.133.25.133L12.437 15c.012-.005.024-.004.036-.008.126.054.404.196.55.282.191.12.252.228.252.228s.05-.024.014-.13c-.014-.042-.071-.18-.26-.318h.01c.113.058.22.125.32.2.054-.173.15-.355.13-.68-.013-.227-.008-.287-.053-.375-.04-.075.023-.104.093-.027a.73.73 0 0 0-.06-.179l.001-.005c.087-.272 1.843-.979 1.97-1.062.206-.13.382-.301.516-.503.098-.14.172-.334.19-.63.005-.135-.035-.24-.5-.341-.28-.061-.712-.12-1.377-.183-.486-.043-.77-.358-.932-.649-.03-.063-.06-.12-.09-.176a1.312 1.312 0 0 1-.069-.204 3.867 3.867 0 0 1 1.497-1.856c.04-.032-.157.008-.117-.024.045-.037.342-.144.399-.169.068-.029-.294-.166-.613-.133-.326.033-.395.068-.57.134.072-.064.303-.148.248-.147-.351.048-.787.23-1.16.438a.226.226 0 0 1 .022-.105c-.174.067-.6.334-.725.56a.848.848 0 0 0 .007-.13c-.13.098-.25.21-.356.333l-.007.006c-1.008-.364-1.895-.388-2.647-.224-.165-.148-.428-.372-.803-1.107-.025-.044-.039.091-.058.047-.146-.337-.233-.889-.219-1.269 0 0-.3.137-.549.71-.046.102-.075.16-.104.216-.014.017.03-.189.023-.177-.043.073-.155.175-.204.307-.034.098-.081.154-.111.275l-.007.012c-.002-.036.009-.15.001-.125a5.848 5.848 0 0 0-.3.728c-.134.44-.29 1.039-.314 1.819-.006.058-.001.125-.006.178-.317.361-.533.668-.614.827-.411.631-.863 1.618-1.302 3.18.195-.427.428-.836.697-1.22-.364.828-.716 2.13-.787 4.135.088-.415.202-.824.338-1.225a10.373 10.373 0 0 0 .938 4.863c.501 1.1 1.657 3.332 4.479 5.075 2.822 1.742.96.714 2.61 1.25.121.044.245.088.372.13l-.115-.05c1.099.329 2.238.497 3.385.497 4.273.003 5.533-1.712 5.533-1.712l-.012.009c.06-.057.118-.116.174-.177-.674.637-2.212.678-2.788.633.98-.288 1.626-.532 2.882-1.013.146-.054.297-.116.45-.186l.05-.022c.03-.015.061-.027.091-.043a8.524 8.524 0 0 0 1.715-1.073c1.26-1.008 1.535-1.99 1.679-2.636-.02.062-.082.206-.126.3-.325.695-1.045 1.122-1.827 1.487.372-.488.716-.996 1.033-1.522.255-.253.335-.65.525-.916Z"
+        fill="url(#firefox_svg__h)"
       />
       <path
-        fill="url(#Name=firefox_svg__i)"
-        d="M24.351 23.536a8.067 8.067 0 0 0 1.326-1.951c.9-1.892 2.291-5.039 1.196-8.324-.867-2.597-2.056-4.017-3.565-5.404C20.855 5.604 20.17 4.598 20.17 4c0 0-2.83 3.157-1.604 6.448 1.228 3.29 3.743 3.171 5.407 6.606 1.957 4.043-1.585 8.454-4.514 9.69.18-.04 6.51-1.474 6.844-5.095-.006.067-.15 1.067-1.952 1.887"
+        d="M24.351 23.536a8.067 8.067 0 0 0 1.326-1.951c.9-1.892 2.291-5.039 1.196-8.324-.867-2.597-2.056-4.017-3.565-5.404C20.855 5.604 20.17 4.598 20.17 4c0 0-2.83 3.157-1.604 6.448 1.228 3.29 3.743 3.171 5.407 6.606 1.957 4.043-1.585 8.454-4.514 9.69.18-.04 6.51-1.474 6.844-5.095-.006.067-.15 1.067-1.952 1.887Z"
+        fill="url(#firefox_svg__i)"
       />
       <path
-        fill="url(#Name=firefox_svg__j)"
-        d="M16.148 11.789c.01-.214-.102-.357-1.87-.523-.728-.068-1.006-.74-1.09-1.023-.26.672-.366 1.377-.309 2.231.04.56.415 1.159.594 1.511 0 0 .04-.051.059-.07.338-.352 1.755-.889 1.888-.965.145-.093.704-.5.728-1.161"
+        d="M16.148 11.789c.01-.214-.102-.357-1.87-.523-.728-.068-1.006-.74-1.09-1.023-.26.672-.366 1.377-.309 2.231.04.56.415 1.159.594 1.511 0 0 .04-.051.059-.07.338-.352 1.755-.889 1.888-.965.145-.093.704-.5.728-1.161Z"
+        fill="url(#firefox_svg__j)"
       />
       <path
-        fill="url(#Name=firefox_svg__k)"
-        d="M8.361 7.816c-.026-.044-.04.091-.058.047-.146-.337-.234-.882-.213-1.269 0 0-.301.137-.55.71a3.38 3.38 0 0 1-.104.216c-.014.017.03-.189.024-.177-.043.073-.156.176-.204.302-.041.103-.082.159-.113.287-.01.035.009-.154.001-.13-.578 1.117-.689 2.807-.628 2.736 1.231-1.314 2.642-1.626 2.642-1.626-.149-.112-.476-.431-.797-1.096"
+        d="M8.361 7.816c-.026-.044-.04.091-.058.047-.146-.337-.234-.882-.213-1.269 0 0-.301.137-.55.71-.045.102-.075.16-.104.216-.014.017.03-.189.024-.177-.043.073-.156.176-.204.302-.041.103-.082.159-.113.287-.01.035.009-.154.001-.13-.578 1.117-.689 2.807-.628 2.736 1.231-1.314 2.642-1.626 2.642-1.626-.149-.112-.476-.431-.797-1.096Z"
+        fill="url(#firefox_svg__k)"
       />
       <path
-        fill="url(#Name=firefox_svg__l)"
-        d="M13.033 21.564c-1.701-.726-3.634-1.75-3.562-4.077.1-3.063 2.857-2.458 2.857-2.458-.103.025-.382.223-.48.435-.105.264-.295.86.28 1.486.906.98-1.858 2.326 2.407 4.867.108.058-.998-.036-1.502-.253"
+        d="M13.033 21.564c-1.701-.726-3.634-1.75-3.562-4.077.1-3.063 2.857-2.458 2.857-2.458-.103.025-.382.223-.48.435-.105.264-.295.86.28 1.486.906.98-1.858 2.326 2.407 4.867.108.058-.998-.036-1.502-.253Z"
+        fill="url(#firefox_svg__l)"
       />
       <path
-        fill="url(#Name=firefox_svg__m)"
-        d="M12.429 20.037c1.205.419 2.61.346 3.452-.119.563-.313 1.285-.816 1.73-.692-.385-.152-.677-.223-1.027-.24a1.9 1.9 0 0 1-.196-.008 3.3 3.3 0 0 0-.385.022c-.217.02-.457.156-.676.135-.01-.001.212-.093.194-.088-.116.024-.242.03-.375.046-.085.01-.158.02-.241.024-2.512.213-4.635-1.362-4.635-1.362-.181.608.808 1.812 2.159 2.282"
+        d="M12.429 20.037c1.205.419 2.61.346 3.452-.119.563-.313 1.285-.816 1.73-.692-.385-.152-.677-.223-1.027-.24-.06 0-.13-.001-.196-.008-.129 0-.257.007-.385.022-.217.02-.457.156-.676.135-.01-.001.212-.093.194-.088-.116.024-.242.03-.375.046-.085.01-.158.02-.241.024-2.512.213-4.635-1.362-4.635-1.362-.181.608.808 1.812 2.159 2.282Z"
+        fill="url(#firefox_svg__m)"
       />
       <path
-        fill="url(#Name=firefox_svg__n)"
-        d="M24.347 23.552c2.54-2.494 3.826-5.526 3.282-8.928 0 0 .217 1.744-.607 3.528.396-1.741.442-3.905-.608-6.146-1.402-2.99-3.708-4.564-4.59-5.221-1.333-.995-1.886-2.007-1.896-2.217-.4.816-1.604 3.614-.13 6.024 1.382 2.257 3.558 2.928 5.08 4.998 2.808 3.816-.531 7.962-.531 7.962"
+        d="M24.347 23.552c2.54-2.494 3.826-5.526 3.282-8.928 0 0 .217 1.744-.607 3.528.396-1.741.442-3.905-.608-6.146-1.402-2.99-3.708-4.564-4.59-5.221-1.333-.995-1.886-2.007-1.896-2.217-.4.816-1.604 3.614-.13 6.024 1.382 2.257 3.558 2.928 5.08 4.998 2.808 3.816-.531 7.962-.531 7.962Z"
+        fill="url(#firefox_svg__n)"
       />
       <path
-        fill="url(#Name=firefox_svg__o)"
-        d="M23.983 17.062c-.888-1.834-1.996-2.634-3.044-3.502.122.17.152.232.22.342.923.983 2.283 3.382 1.294 6.393-1.86 5.667-9.295 2.999-10.075 2.25.316 3.279 5.805 4.849 9.38 2.722 2.034-1.926 3.68-5.199 2.225-8.205"
+        d="M23.983 17.062c-.888-1.834-1.996-2.634-3.044-3.502.122.17.152.232.22.342.923.983 2.283 3.382 1.294 6.393-1.86 5.667-9.295 2.998-10.075 2.25.316 3.279 5.805 4.849 9.38 2.722 2.034-1.926 3.68-5.199 2.225-8.205Z"
+        fill="url(#firefox_svg__o)"
       />
     </g>
     <defs>
       <radialGradient
-        id="Name=firefox_svg__b"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="rotate(2.555 -210.924 602.667)scale(8.38769 12.3287)"
+        id="firefox_svg__b"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="rotate(2.555 -210.924 602.667) scale(8.38769 12.3287)"
       >
-        <stop offset={0.045} stopColor="#FFEA00" />
-        <stop offset={0.12} stopColor="#FFDE00" />
-        <stop offset={0.254} stopColor="#FFBF00" />
-        <stop offset={0.429} stopColor="#FF8E00" />
-        <stop offset={0.769} stopColor="#FF272D" />
-        <stop offset={0.872} stopColor="#E0255A" />
-        <stop offset={0.953} stopColor="#CC2477" />
-        <stop offset={1} stopColor="#C42482" />
+        <stop offset=".045" stopColor="#FFEA00" />
+        <stop offset=".12" stopColor="#FFDE00" />
+        <stop offset=".254" stopColor="#FFBF00" />
+        <stop offset=".429" stopColor="#FF8E00" />
+        <stop offset=".769" stopColor="#FF272D" />
+        <stop offset=".872" stopColor="#E0255A" />
+        <stop offset=".953" stopColor="#CC2477" />
+        <stop offset="1" stopColor="#C42482" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__c"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="translate(20.673 8.71)scale(23.6401)"
+        id="firefox_svg__c"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(20.673 8.71) scale(23.6401)"
       >
         <stop stopColor="#00CCDA" />
-        <stop offset={0.22} stopColor="#0083FF" />
-        <stop offset={0.261} stopColor="#007AF9" />
-        <stop offset={0.33} stopColor="#0060E8" />
-        <stop offset={0.333} stopColor="#005FE7" />
-        <stop offset={0.438} stopColor="#2639AD" />
-        <stop offset={0.522} stopColor="#401E84" />
-        <stop offset={0.566} stopColor="#4A1475" />
+        <stop offset=".22" stopColor="#0083FF" />
+        <stop offset=".261" stopColor="#007AF9" />
+        <stop offset=".33" stopColor="#0060E8" />
+        <stop offset=".333" stopColor="#005FE7" />
+        <stop offset=".438" stopColor="#2639AD" />
+        <stop offset=".522" stopColor="#401E84" />
+        <stop offset=".566" stopColor="#4A1475" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__e"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="rotate(5.67 -152.86 252.646)scale(7.97377)"
+        id="firefox_svg__e"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="rotate(5.67 -152.86 252.646) scale(7.97377)"
       >
-        <stop offset={0.003} stopColor="#FFEA00" />
-        <stop offset={0.497} stopColor="#FF272D" />
-        <stop offset={1} stopColor="#C42482" />
+        <stop offset=".003" stopColor="#FFEA00" />
+        <stop offset=".497" stopColor="#FF272D" />
+        <stop offset="1" stopColor="#C42482" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__f"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="rotate(5.67 -75.297 249.185)scale(13.3156)"
+        id="firefox_svg__f"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="rotate(5.67 -75.297 249.185) scale(13.3156)"
       >
-        <stop offset={0.003} stopColor="#FFE900" />
-        <stop offset={0.157} stopColor="#FFAF0E" />
-        <stop offset={0.316} stopColor="#FF7A1B" />
-        <stop offset={0.472} stopColor="#FF4E26" />
-        <stop offset={0.621} stopColor="#FF2C2E" />
-        <stop offset={0.762} stopColor="#FF1434" />
-        <stop offset={0.892} stopColor="#FF0538" />
-        <stop offset={1} stopColor="#FF0039" />
+        <stop offset=".003" stopColor="#FFE900" />
+        <stop offset=".157" stopColor="#FFAF0E" />
+        <stop offset=".316" stopColor="#FF7A1B" />
+        <stop offset=".472" stopColor="#FF4E26" />
+        <stop offset=".621" stopColor="#FF2C2E" />
+        <stop offset=".762" stopColor="#FF1434" />
+        <stop offset=".892" stopColor="#FF0538" />
+        <stop offset="1" stopColor="#FF0039" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__g"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="rotate(5.67 -200.873 262.03)scale(12.2185)"
+        id="firefox_svg__g"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="rotate(5.67 -200.873 262.03) scale(12.2185)"
       >
-        <stop offset={0.003} stopColor="#FF272D" />
-        <stop offset={0.497} stopColor="#C42482" />
-        <stop offset={0.986} stopColor="#620700" />
+        <stop offset=".003" stopColor="#FF272D" />
+        <stop offset=".497" stopColor="#C42482" />
+        <stop offset=".986" stopColor="#620700" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__h"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="translate(21.943 13.61)scale(19.0773)"
+        id="firefox_svg__h"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(21.943 13.61) scale(19.0773)"
       >
-        <stop offset={0.156} stopColor="#FFEA00" />
-        <stop offset={0.231} stopColor="#FFDE00" />
-        <stop offset={0.365} stopColor="#FFBF00" />
-        <stop offset={0.541} stopColor="#FF8E00" />
-        <stop offset={0.763} stopColor="#FF272D" />
-        <stop offset={0.796} stopColor="#F92433" />
-        <stop offset={0.841} stopColor="#E91C45" />
-        <stop offset={0.893} stopColor="#CF0E62" />
-        <stop offset={0.935} stopColor="#B5007F" />
+        <stop offset=".156" stopColor="#FFEA00" />
+        <stop offset=".231" stopColor="#FFDE00" />
+        <stop offset=".365" stopColor="#FFBF00" />
+        <stop offset=".541" stopColor="#FF8E00" />
+        <stop offset=".763" stopColor="#FF272D" />
+        <stop offset=".796" stopColor="#F92433" />
+        <stop offset=".841" stopColor="#E91C45" />
+        <stop offset=".893" stopColor="#CF0E62" />
+        <stop offset=".935" stopColor="#B5007F" />
       </radialGradient>
       <radialGradient
-        id="Name=firefox_svg__i"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="translate(20.508 4.031)scale(22.5269)"
+        id="firefox_svg__i"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(20.508 4.031) scale(22.5269)"
       >
-        <stop offset={0.279} stopColor="#FFEA00" />
-        <stop offset={0.402} stopColor="#FD0" />
-        <stop offset={0.63} stopColor="#FFBA00" />
-        <stop offset={0.856} stopColor="#FF9100" />
-        <stop offset={0.933} stopColor="#FF6711" />
-        <stop offset={0.994} stopColor="#FF4A1D" />
+        <stop offset=".279" stopColor="#FFEA00" />
+        <stop offset=".402" stopColor="#FD0" />
+        <stop offset=".63" stopColor="#FFBA00" />
+        <stop offset=".856" stopColor="#FF9100" />
+        <stop offset=".933" stopColor="#FF6711" />
+        <stop offset=".994" stopColor="#FF4A1D" />
       </radialGradient>
       <linearGradient
-        id="Name=firefox_svg__d"
-        x1={17.686}
-        x2={13.017}
-        y1={21.785}
-        y2={6.511}
+        id="firefox_svg__d"
+        x1="17.686"
+        y1="21.785"
+        x2="13.017"
+        y2="6.511"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stopColor="#000F43" stopOpacity={0.4} />
-        <stop offset={0.485} stopColor="#001962" stopOpacity={0.173} />
-        <stop offset={1} stopColor="#002079" stopOpacity={0} />
+        <stop stopColor="#000F43" stopOpacity=".4" />
+        <stop offset=".485" stopColor="#001962" stopOpacity=".173" />
+        <stop offset="1" stopColor="#002079" stopOpacity="0" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__j"
-        x1={4.947}
-        x2={13.615}
-        y1={13.391}
-        y2={12.075}
+        id="firefox_svg__j"
+        x1="4.947"
+        y1="13.391"
+        x2="13.615"
+        y2="12.075"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stopColor="#C42482" stopOpacity={0.5} />
-        <stop offset={0.474} stopColor="#FF272D" stopOpacity={0.5} />
-        <stop offset={0.486} stopColor="#FF2C2C" stopOpacity={0.513} />
-        <stop offset={0.675} stopColor="#FF7A1A" stopOpacity={0.72} />
-        <stop offset={0.829} stopColor="#FFB20D" stopOpacity={0.871} />
-        <stop offset={0.942} stopColor="#FFD605" stopOpacity={0.964} />
-        <stop offset={1} stopColor="#FFE302" />
+        <stop stopColor="#C42482" stopOpacity=".5" />
+        <stop offset=".474" stopColor="#FF272D" stopOpacity=".5" />
+        <stop offset=".486" stopColor="#FF2C2C" stopOpacity=".513" />
+        <stop offset=".675" stopColor="#FF7A1A" stopOpacity=".72" />
+        <stop offset=".829" stopColor="#FFB20D" stopOpacity=".871" />
+        <stop offset=".942" stopColor="#FFD605" stopOpacity=".964" />
+        <stop offset="1" stopColor="#FFE302" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__k"
-        x1={7.993}
-        x2={7.009}
-        y1={10.288}
-        y2={6.762}
+        id="firefox_svg__k"
+        x1="7.993"
+        y1="10.288"
+        x2="7.009"
+        y2="6.762"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stopColor="#891551" stopOpacity={0.6} />
-        <stop offset={1} stopColor="#C42482" stopOpacity={0} />
+        <stop stopColor="#891551" stopOpacity=".6" />
+        <stop offset="1" stopColor="#C42482" stopOpacity="0" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__l"
-        x1={9.878}
-        x2={11.902}
-        y1={15.441}
-        y2={18.264}
+        id="firefox_svg__l"
+        x1="9.878"
+        y1="15.441"
+        x2="11.902"
+        y2="18.264"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset={0.005} stopColor="#891551" stopOpacity={0.5} />
-        <stop offset={0.484} stopColor="#FF272D" stopOpacity={0.5} />
-        <stop offset={1} stopColor="#FF272D" stopOpacity={0} />
+        <stop offset=".005" stopColor="#891551" stopOpacity=".5" />
+        <stop offset=".484" stopColor="#FF272D" stopOpacity=".5" />
+        <stop offset="1" stopColor="#FF272D" stopOpacity="0" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__m"
-        x1={13.743}
-        x2={13.927}
-        y1={20.39}
-        y2={18.576}
+        id="firefox_svg__m"
+        x1="13.743"
+        y1="20.39"
+        x2="13.927"
+        y2="18.576"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#C42482" />
-        <stop offset={0.083} stopColor="#C42482" stopOpacity={0.81} />
-        <stop offset={0.206} stopColor="#C42482" stopOpacity={0.565} />
-        <stop offset={0.328} stopColor="#C42482" stopOpacity={0.362} />
-        <stop offset={0.447} stopColor="#C42482" stopOpacity={0.204} />
-        <stop offset={0.562} stopColor="#C42482" stopOpacity={0.091} />
-        <stop offset={0.673} stopColor="#C42482" stopOpacity={0.023} />
-        <stop offset={0.773} stopColor="#C42482" stopOpacity={0} />
+        <stop offset=".083" stopColor="#C42482" stopOpacity=".81" />
+        <stop offset=".206" stopColor="#C42482" stopOpacity=".565" />
+        <stop offset=".328" stopColor="#C42482" stopOpacity=".362" />
+        <stop offset=".447" stopColor="#C42482" stopOpacity=".204" />
+        <stop offset=".562" stopColor="#C42482" stopOpacity=".091" />
+        <stop offset=".673" stopColor="#C42482" stopOpacity=".023" />
+        <stop offset=".773" stopColor="#C42482" stopOpacity="0" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__n"
-        x1={19.635}
-        x2={27.09}
-        y1={4.88}
-        y2={21.551}
+        id="firefox_svg__n"
+        x1="19.635"
+        y1="4.88"
+        x2="27.09"
+        y2="21.551"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#FFF14F" />
-        <stop offset={0.268} stopColor="#FFEE4C" />
-        <stop offset={0.452} stopColor="#FFE643" />
-        <stop offset={0.612} stopColor="#FFD834" />
-        <stop offset={0.757} stopColor="#FFC41E" />
-        <stop offset={0.892} stopColor="#FFAB02" />
-        <stop offset={0.902} stopColor="#FFA900" />
-        <stop offset={0.949} stopColor="#FFA000" />
-        <stop offset={1} stopColor="#FF9100" />
+        <stop offset=".268" stopColor="#FFEE4C" />
+        <stop offset=".452" stopColor="#FFE643" />
+        <stop offset=".612" stopColor="#FFD834" />
+        <stop offset=".757" stopColor="#FFC41E" />
+        <stop offset=".892" stopColor="#FFAB02" />
+        <stop offset=".902" stopColor="#FFA900" />
+        <stop offset=".949" stopColor="#FFA000" />
+        <stop offset="1" stopColor="#FF9100" />
       </linearGradient>
       <linearGradient
-        id="Name=firefox_svg__o"
-        x1={21.107}
-        x2={17.575}
-        y1={14.468}
-        y2={23.95}
+        id="firefox_svg__o"
+        x1="21.107"
+        y1="14.468"
+        x2="17.575"
+        y2="23.95"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#FF8E00" />
-        <stop offset={0.04} stopColor="#FF8E00" stopOpacity={0.858} />
-        <stop offset={0.084} stopColor="#FF8E00" stopOpacity={0.729} />
-        <stop offset={0.13} stopColor="#FF8E00" stopOpacity={0.628} />
-        <stop offset={0.178} stopColor="#FF8E00" stopOpacity={0.557} />
-        <stop offset={0.227} stopColor="#FF8E00" stopOpacity={0.514} />
-        <stop offset={0.282} stopColor="#FF8E00" stopOpacity={0.5} />
-        <stop offset={0.389} stopColor="#FF8E00" stopOpacity={0.478} />
-        <stop offset={0.524} stopColor="#FF8E00" stopOpacity={0.416} />
-        <stop offset={0.676} stopColor="#FF8E00" stopOpacity={0.314} />
-        <stop offset={0.838} stopColor="#FF8E00" stopOpacity={0.172} />
-        <stop offset={1} stopColor="#FF8E00" stopOpacity={0} />
+        <stop offset=".04" stopColor="#FF8E00" stopOpacity=".858" />
+        <stop offset=".084" stopColor="#FF8E00" stopOpacity=".729" />
+        <stop offset=".13" stopColor="#FF8E00" stopOpacity=".628" />
+        <stop offset=".178" stopColor="#FF8E00" stopOpacity=".557" />
+        <stop offset=".227" stopColor="#FF8E00" stopOpacity=".514" />
+        <stop offset=".282" stopColor="#FF8E00" stopOpacity=".5" />
+        <stop offset=".389" stopColor="#FF8E00" stopOpacity=".478" />
+        <stop offset=".524" stopColor="#FF8E00" stopOpacity=".416" />
+        <stop offset=".676" stopColor="#FF8E00" stopOpacity=".314" />
+        <stop offset=".838" stopColor="#FF8E00" stopOpacity=".172" />
+        <stop offset="1" stopColor="#FF8E00" stopOpacity="0" />
       </linearGradient>
-      <clipPath id="Name=firefox_clippath">
-        <path fill="#fff" d="M4.5 4h23.253v24H4.5z" />
+      <clipPath id="firefox_svg__clippath">
+        <path fill="#fff" transform="translate(4.5 4)" d="M0 0h23.253v24H0z" />
       </clipPath>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
new file mode 100644
index 0000000000..4ffccda4d8
--- /dev/null
+++ b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { SVGProps } from "react";
+
+const LinuxOS = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M22.77 13.296c1.16.862 3.234 2.878 4.218 6.774a.415.415 0 0 1-.186.45.567.567 0 0 1-.54.063 10.02 10.02 0 0 1-1.948-1.026 8.232 8.232 0 0 1-3.172 5.243h1.202c.684 0 1.244.495 1.244 1.1 0 .605-.56 1.1-1.244 1.1H9.573c-.684 0-1.244-.495-1.244-1.1 0-.605.56-1.1 1.244-1.1h1.244a8.237 8.237 0 0 1-3.172-5.216c-.664.459-1.38.788-1.918 1.009a.593.593 0 0 1-.54-.065.45.45 0 0 1-.175-.458c.974-3.813 2.975-5.83 4.146-6.72.073-.1.145-.2.228-.302a5.757 5.757 0 0 1-.29-1.796C9.096 7.805 12.186 5 15.99 5c3.804 0 6.883 2.796 6.883 6.252 0 .623-.104 1.228-.29 1.796l.186.248Zm-12.668 4.94c0 3.181 2.633 5.767 5.877 5.767 3.245 0 5.878-2.576 5.857-5.766 0-1.641-.694-3.694-1.803-5.308.58-.449.943-1.1.943-1.833 0-1.348-1.234-2.448-2.768-2.448-.922 0-1.731.395-2.24 1.009-.507-.614-1.316-1.009-2.238-1.009-1.524 0-2.768 1.091-2.768 2.448 0 .724.363 1.384.943 1.833-1.109 1.614-1.803 3.676-1.803 5.308Zm5.95-6.526 1.544.422c.073.027.135.073.135.137.031.064.01.138-.031.193l-1.545 1.842a.232.232 0 0 1-.186.083.232.232 0 0 1-.187-.083l-1.544-1.842a.213.213 0 0 1-.031-.193.222.222 0 0 1 .155-.137l1.545-.422a.384.384 0 0 1 .145 0Zm-.975-.578c0 .321-.29.578-.653.578-.362 0-.653-.257-.653-.578 0-.32.29-.577.653-.577.363-.01.653.257.653.578Zm2.468.578c.362 0 .653-.257.653-.578 0-.32-.3-.586-.653-.577-.363 0-.653.257-.653.578 0 .32.29.577.653.577Z"
+      fill="#515774"
+    />
+  </svg>
+);
+export default LinuxOS;
diff --git a/frontend/pages/SoftwarePage/components/icons/MacApp.tsx b/frontend/pages/SoftwarePage/components/icons/MacApp.tsx
index 5119e03fb1..57d0977f08 100644
--- a/frontend/pages/SoftwarePage/components/icons/MacApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/MacApp.tsx
@@ -4,16 +4,12 @@ import type { SVGProps } from "react";
 
 const MacApp = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#515774" d="M0 0h32v32H0z" />
     <path
-      fill="#F9FAFC"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
-      fill="#515774"
       fillRule="evenodd"
-      d="M20.44 5.5c.14 1.179-.424 2.337-1.176 3.179-.776.863-2.046 1.494-3.268 1.41-.165-1.137.447-2.337 1.176-3.073.799-.842 2.139-1.474 3.267-1.516m2.092 12.399v.02c.4.78 1.528 1.959 2.468 2.253-.012.042-.03.09-.047.137a1.724 1.724 0 0 0-.047.137c-.259.716-.964 1.915-1.434 2.547-.94 1.22-1.88 2.42-3.409 2.484-.717-.01-1.2-.197-1.691-.388-.54-.21-1.09-.423-1.976-.412-.908-.011-1.478.214-2.029.431-.476.188-.938.37-1.592.39-1.457.063-2.562-1.305-3.503-2.505-.446-.631-1.175-1.873-1.434-2.526-.258-.61-.634-1.831-.705-2.463v-.042c-.094-.632-.188-1.937-.094-2.442v-.042c.07-.779.494-2.02.87-2.547a5.357 5.357 0 0 1 4.396-2.484s.259-.021.282-.021h.024c.783-.036 1.543.244 2.214.49.517.19.98.361 1.36.352.366.008.863-.16 1.433-.353.818-.278 1.785-.606 2.727-.531 1.599.02 3.15.694 4.114 1.957a8.621 8.621 0 0 0-.776.569c0 .02-.023.02-.023.02-.611.4-1.363 1.474-1.505 2.527v.021c-.14.8.024 1.79.377 2.42"
       clipRule="evenodd"
+      d="M20.44 5.5c.14 1.179-.424 2.337-1.176 3.179-.776.863-2.046 1.494-3.268 1.41-.165-1.137.447-2.337 1.176-3.073.799-.842 2.139-1.474 3.267-1.516Zm2.092 12.399v.02c.4.78 1.528 1.959 2.468 2.253-.012.042-.03.09-.047.137-.018.047-.035.095-.047.137-.259.716-.964 1.915-1.434 2.547-.94 1.22-1.88 2.42-3.409 2.484-.717-.01-1.2-.197-1.691-.388-.54-.21-1.09-.423-1.976-.412-.908-.011-1.478.214-2.029.431-.476.188-.938.37-1.592.39-1.457.063-2.562-1.305-3.503-2.505-.446-.631-1.175-1.873-1.434-2.526-.258-.61-.634-1.831-.705-2.463v-.042c-.094-.632-.188-1.937-.094-2.442v-.042c.07-.779.494-2.02.87-2.547a5.357 5.357 0 0 1 4.396-2.484s.259-.021.282-.021h.024c.783-.036 1.543.244 2.214.49.517.19.98.361 1.36.352.366.008.863-.16 1.433-.353.818-.278 1.785-.606 2.727-.531 1.599.02 3.15.694 4.114 1.957a8.621 8.621 0 0 0-.776.569c0 .02-.023.02-.023.02-.611.4-1.363 1.474-1.505 2.527v.021c-.14.8.024 1.79.377 2.42Z"
+      fill="#fff"
     />
   </svg>
 );
diff --git a/frontend/pages/SoftwarePage/components/icons/MacOS.tsx b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
new file mode 100644
index 0000000000..5cb9925bf6
--- /dev/null
+++ b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { SVGProps } from "react";
+
+const MacOS = (props: SVGProps<SVGSVGElement>) => (
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M20.44 5.5c.14 1.179-.424 2.337-1.176 3.179-.776.863-2.046 1.494-3.268 1.41-.165-1.137.447-2.337 1.176-3.073.799-.842 2.139-1.474 3.267-1.516Zm2.092 12.399v.02c.4.78 1.528 1.959 2.468 2.253-.012.042-.03.09-.047.137-.018.047-.035.095-.047.137-.259.716-.964 1.915-1.434 2.547-.94 1.22-1.88 2.42-3.409 2.484-.717-.01-1.2-.197-1.691-.388-.54-.21-1.09-.423-1.976-.412-.908-.011-1.478.214-2.029.431-.476.188-.938.37-1.592.39-1.457.063-2.562-1.305-3.503-2.505-.446-.631-1.175-1.873-1.434-2.526-.258-.61-.634-1.831-.705-2.463v-.042c-.094-.632-.188-1.937-.094-2.442v-.042c.07-.779.494-2.02.87-2.547a5.357 5.357 0 0 1 4.396-2.484s.259-.021.282-.021h.024c.783-.036 1.543.244 2.214.49.517.19.98.361 1.36.352.366.008.863-.16 1.433-.353.818-.278 1.785-.606 2.727-.531 1.599.02 3.15.694 4.114 1.957a8.621 8.621 0 0 0-.776.569c0 .02-.023.02-.023.02-.611.4-1.363 1.474-1.505 2.527v.021c-.14.8.024 1.79.377 2.42Z"
+      fill="#515774"
+    />
+  </svg>
+);
+export default MacOS;
diff --git a/frontend/pages/SoftwarePage/components/icons/Package.tsx b/frontend/pages/SoftwarePage/components/icons/Package.tsx
index 8a2aae8db9..4e7941dc7f 100644
--- a/frontend/pages/SoftwarePage/components/icons/Package.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Package.tsx
@@ -4,17 +4,58 @@ import type { SVGProps } from "react";
 
 const Package = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#F9FAFC"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
-      fill="#E18F13"
-      fillRule="evenodd"
-      d="M15.88 5c-.521 0-1.033.137-1.485.397L7.491 9.343l-.004.002A2.973 2.973 0 0 0 6 11.917v7.896a2.974 2.974 0 0 0 1.487 2.572l.004.002 6.902 3.945h.002a2.973 2.973 0 0 0 2.97.001l.002-.001 6.902-3.945.004-.002a2.973 2.973 0 0 0 1.487-2.572v-7.897a2.974 2.974 0 0 0-1.487-2.572l-.004-.002-6.902-3.945h-.003A2.974 2.974 0 0 0 15.88 5m1 19.305 6.393-3.653h.002a.973.973 0 0 0 .485-.842v-7.32l-6.88 3.953zm-2-7.862L8 12.49v7.322a.974.974 0 0 0 .485.84l.002.001 6.393 3.653zm.513-9.313a.973.973 0 0 1 .973 0l.004.003 6.367 3.638-2.675 1.536-6.86-3.925 2.187-1.25zm.487 7.581-6.857-3.94 2.668-1.525 6.864 3.928z"
-      clipRule="evenodd"
-    />
+    <path fill="#fff" d="M0 0h32v32H0z" />
+    <g clipPath="url(#package_svg__clippath)">
+      <path
+        opacity=".75"
+        d="m16.033 25.645 8.354-4.822L16.033 16 7.68 20.823l8.353 4.822Z"
+        fill="#FF9701"
+      />
+      <path
+        opacity=".75"
+        d="M24.386 20.824v-9.68l-8.353-4.823v9.646l8.353 4.857Z"
+        fill="#FFE400"
+      />
+      <path
+        opacity=".75"
+        d="m7.68 20.824 8.353-4.857V6.321L7.68 11.145v9.679Z"
+        fill="#fff"
+      />
+      <path
+        d="m16.033 15.967 8.354-4.822-8.354-4.824-8.353 4.824 8.353 4.822Z"
+        fill="#D8A270"
+      />
+      <path
+        d="m12.627 8.52-.22-.135-.273.441.221.136.272-.442Zm-.272.442 7.864 4.84.272-.442-7.864-4.84-.272.442Z"
+        fill="#4D2D0B"
+      />
+      <path
+        d="M7.652 11.161v9.68l8.352 4.822v-9.68l-8.352-4.822Z"
+        fill="#9F6B3B"
+      />
+      <path
+        d="M16.033 25.646v-9.68l8.353-4.822v9.68l-8.353 4.822Z"
+        fill="#C7803F"
+      />
+      <path
+        d="M16.033 25.646V16l8.353-4.856M7.68 11.144 16.033 16"
+        stroke="#4D2D0B"
+        strokeWidth=".519"
+        strokeMiterlimit="10"
+      />
+      <path
+        d="M7.68 11.144v9.68l8.353 4.821 8.354-4.822v-9.679l-8.354-4.79-8.353 4.79Z"
+        stroke="#4D2D0B"
+        strokeWidth=".519"
+        strokeMiterlimit="10"
+      />
+      <path d="m17.33 20.84 2.42-1.21v2.42l-2.42 1.21v-2.42Z" fill="#DE9E64" />
+    </g>
+    <defs>
+      <clipPath id="package_svg__clippath">
+        <path fill="#fff" transform="translate(7 6)" d="M0 0h18v20H0z" />
+      </clipPath>
+    </defs>
   </svg>
 );
 export default Package;
diff --git a/frontend/pages/SoftwarePage/components/icons/Safari.tsx b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
index c0c28e3a8c..aa4234966c 100644
--- a/frontend/pages/SoftwarePage/components/icons/Safari.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
@@ -4,579 +4,584 @@ import type { SVGProps } from "react";
 
 const Safari = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
     <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
+      d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12Z"
       fill="url(#Name=safari_svg__a)"
-      d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12"
     />
     <path
+      d="M16 27.1c6.13 0 11.1-4.97 11.1-11.1S22.13 4.9 16 4.9 4.9 9.87 4.9 16 9.87 27.1 16 27.1Z"
       fill="url(#Name=safari_svg__b)"
-      d="M16 27.1c6.13 0 11.1-4.97 11.1-11.1S22.13 4.9 16 4.9 4.9 9.87 4.9 16 9.87 27.1 16 27.1"
     />
     <path
+      d="M16.018 7.6c-.075 0-.14-.056-.14-.131v-1.96c0-.075.065-.13.14-.13.075 0 .141.055.141.13v1.96c-.01.075-.066.131-.14.131Z"
       fill="#F3F3F3"
-      d="M16.018 7.6c-.075 0-.14-.056-.14-.131v-1.96c0-.075.065-.13.14-.13.075 0 .141.055.141.13v1.96c-.01.075-.066.131-.14.131"
     />
     <path
+      d="M16.019 7.61c-.085 0-.15-.066-.15-.141v-1.96c0-.075.065-.14.15-.14.084 0 .15.065.15.14v1.96c0 .075-.075.14-.15.14Zm0-2.223c-.066 0-.132.057-.132.122v1.96c0 .065.057.121.132.121.065 0 .13-.056.13-.121v-1.96c-.009-.065-.065-.122-.13-.122Z"
       fill="#fff"
-      d="M16.019 7.61a.146.146 0 0 1-.15-.141v-1.96c0-.075.065-.14.15-.14.084 0 .15.065.15.14v1.96c0 .075-.075.14-.15.14m0-2.223c-.066 0-.132.057-.132.122v1.96c0 .065.057.121.132.121.065 0 .13-.056.13-.121v-1.96c-.009-.065-.065-.122-.13-.122"
     />
     <path
+      d="M16.957 6.55c-.075-.01-.132-.066-.132-.14l.066-.872a.137.137 0 0 1 .15-.122c.075.01.131.065.131.14l-.065.872a.137.137 0 0 1-.15.122Z"
       fill="#F3F3F3"
-      d="M16.957 6.55c-.075-.01-.132-.066-.132-.14l.066-.872a.137.137 0 0 1 .15-.122c.075.01.131.065.131.14l-.065.872a.137.137 0 0 1-.15.122"
     />
     <path
+      d="M16.956 6.56a.152.152 0 0 1-.14-.15l.065-.873c.01-.074.075-.14.16-.13.084.009.14.074.14.15l-.066.871c-.01.085-.075.14-.16.131Zm.084-1.135c-.065 0-.131.047-.131.113l-.066.872c0 .065.047.121.122.13.066 0 .131-.046.131-.112l.066-.872c0-.065-.056-.122-.122-.131Z"
       fill="#fff"
-      d="M16.956 6.56a.152.152 0 0 1-.14-.15l.065-.873c.01-.074.075-.14.16-.13.084.009.14.074.14.15l-.066.871c-.01.085-.075.14-.16.131m.084-1.135c-.065 0-.131.047-.131.113l-.066.872c0 .065.047.121.122.13.066 0 .131-.046.131-.112l.066-.872c0-.065-.056-.122-.122-.131"
     />
     <path
+      d="M17.659 7.769a.144.144 0 0 1-.113-.16l.385-1.921c.019-.075.084-.122.16-.104a.144.144 0 0 1 .112.16l-.385 1.922c-.01.065-.084.112-.16.103Z"
       fill="#F3F3F3"
-      d="M17.659 7.769a.144.144 0 0 1-.113-.16l.385-1.921c.019-.075.084-.122.16-.104a.144.144 0 0 1 .112.16l-.385 1.922c-.01.065-.084.112-.16.103"
     />
     <path
+      d="M17.66 7.778a.153.153 0 0 1-.122-.169l.384-1.922a.15.15 0 0 1 .178-.112.153.153 0 0 1 .122.169l-.384 1.922c-.019.074-.094.121-.178.112Zm.44-2.184a.135.135 0 0 0-.15.093l-.384 1.922a.133.133 0 0 0 .103.15.135.135 0 0 0 .15-.094l.384-1.921c.01-.075-.037-.132-.103-.15Z"
       fill="#fff"
-      d="M17.66 7.778a.153.153 0 0 1-.122-.169l.384-1.922a.15.15 0 0 1 .178-.112.153.153 0 0 1 .122.169l-.384 1.922c-.019.074-.094.121-.178.112m.44-2.184a.135.135 0 0 0-.15.093l-.384 1.922a.133.133 0 0 0 .103.15.135.135 0 0 0 .15-.094l.384-1.921c.01-.075-.037-.132-.103-.15"
     />
     <path
+      d="M18.784 6.925a.14.14 0 0 1-.103-.169l.234-.844c.019-.075.094-.112.169-.093a.14.14 0 0 1 .103.168l-.234.844c-.02.075-.094.113-.17.094Z"
       fill="#F3F3F3"
-      d="M18.784 6.925a.14.14 0 0 1-.103-.169l.234-.844c.019-.075.094-.112.169-.093a.14.14 0 0 1 .103.168l-.234.844c-.02.075-.094.113-.17.094"
     />
     <path
+      d="M18.784 6.934c-.075-.019-.131-.103-.103-.178l.234-.844a.15.15 0 0 1 .178-.103c.075.019.132.103.104.178l-.235.844c-.019.075-.094.122-.178.103Zm.31-1.097c-.066-.018-.141.02-.16.085l-.234.843c-.019.066.018.132.093.15.066.02.141-.018.16-.084l.234-.844a.134.134 0 0 0-.094-.15Z"
       fill="#fff"
-      d="M18.784 6.934c-.075-.019-.131-.103-.103-.178l.234-.844a.15.15 0 0 1 .178-.103c.075.019.132.103.104.178l-.235.844c-.019.075-.094.122-.178.103m.31-1.097c-.066-.018-.141.02-.16.085l-.234.843c-.019.066.018.132.093.15a.13.13 0 0 0 .16-.084l.234-.844a.134.134 0 0 0-.094-.15"
     />
     <path
+      d="M19.244 8.247a.134.134 0 0 1-.075-.178l.75-1.81c.028-.065.112-.103.178-.065a.134.134 0 0 1 .075.178l-.75 1.81c-.028.065-.113.102-.178.065Z"
       fill="#F3F3F3"
-      d="M19.244 8.247a.134.134 0 0 1-.075-.178l.75-1.81c.028-.065.112-.103.178-.065a.134.134 0 0 1 .075.178l-.75 1.81c-.028.065-.113.102-.178.065"
     />
     <path
+      d="M19.244 8.256a.146.146 0 0 1-.085-.187l.75-1.81c.028-.074.113-.103.197-.074a.145.145 0 0 1 .085.187l-.75 1.81c-.038.074-.122.112-.197.074Zm.853-2.053a.127.127 0 0 0-.169.066l-.75 1.81c-.028.065.01.13.075.159.066.028.14 0 .169-.066l.75-1.81a.133.133 0 0 0-.075-.159Z"
       fill="#fff"
-      d="M19.244 8.256a.146.146 0 0 1-.085-.187l.75-1.81c.028-.074.113-.103.197-.074a.145.145 0 0 1 .085.187l-.75 1.81c-.038.074-.122.112-.197.074m.853-2.053a.127.127 0 0 0-.169.066l-.75 1.81c-.028.065.01.13.075.159.066.028.14 0 .169-.066l.75-1.81a.133.133 0 0 0-.075-.159"
     />
     <path
+      d="M20.51 7.647c-.066-.038-.094-.113-.066-.178l.394-.778a.137.137 0 0 1 .187-.057c.066.038.094.113.066.178l-.394.778a.137.137 0 0 1-.187.057Z"
       fill="#F3F3F3"
-      d="M20.51 7.647c-.066-.038-.094-.113-.066-.178l.394-.778a.137.137 0 0 1 .187-.057c.066.038.094.113.066.178l-.394.778a.137.137 0 0 1-.187.057"
     />
     <path
+      d="M20.51 7.656a.143.143 0 0 1-.066-.197l.393-.778a.143.143 0 0 1 .197-.065.143.143 0 0 1 .066.196l-.394.779a.143.143 0 0 1-.197.065Zm.515-1.022c-.066-.028-.14-.01-.169.057l-.394.778c-.028.056 0 .13.057.168.065.029.14.01.169-.056l.393-.778c.028-.056 0-.131-.056-.169Z"
       fill="#fff"
-      d="M20.51 7.656a.143.143 0 0 1-.066-.197l.393-.778a.143.143 0 0 1 .197-.065.143.143 0 0 1 .066.196l-.394.779a.143.143 0 0 1-.197.065m.515-1.022c-.066-.028-.14-.01-.169.057l-.394.778c-.028.056 0 .13.057.168.065.029.14.01.169-.056l.393-.778c.028-.056 0-.131-.056-.169"
     />
     <path
+      d="M20.697 9.035c-.066-.047-.085-.132-.038-.188l1.088-1.622c.037-.065.122-.075.187-.037.066.047.084.131.038.187l-1.088 1.622a.127.127 0 0 1-.187.038Z"
       fill="#F3F3F3"
-      d="M20.697 9.035c-.066-.047-.085-.132-.038-.188l1.088-1.622c.037-.065.122-.075.187-.037.066.047.084.131.038.187l-1.088 1.622a.127.127 0 0 1-.187.038"
     />
     <path
+      d="M20.697 9.044a.162.162 0 0 1-.047-.207l1.087-1.622a.148.148 0 0 1 .206-.037c.066.047.085.14.047.206l-1.087 1.622a.15.15 0 0 1-.206.038Zm1.237-1.847c-.056-.038-.14-.028-.178.028l-1.088 1.622a.122.122 0 0 0 .038.168c.056.038.14.029.178-.028l1.087-1.612a.133.133 0 0 0-.037-.178Z"
       fill="#fff"
-      d="M20.697 9.044a.162.162 0 0 1-.047-.207l1.087-1.622a.148.148 0 0 1 .206-.037.16.16 0 0 1 .047.206l-1.087 1.622a.15.15 0 0 1-.206.038m1.237-1.847c-.056-.038-.14-.028-.178.028l-1.088 1.622a.122.122 0 0 0 .038.168c.056.038.14.029.178-.028l1.087-1.612a.133.133 0 0 0-.037-.178"
     />
     <path
+      d="M22.066 8.687c-.057-.047-.075-.131-.028-.187l.543-.685a.134.134 0 0 1 .188-.018c.056.047.075.131.028.187l-.544.685a.134.134 0 0 1-.188.018Z"
       fill="#F3F3F3"
-      d="M22.066 8.687c-.057-.047-.075-.131-.028-.187l.543-.685a.134.134 0 0 1 .188-.018c.056.047.075.131.028.187l-.544.685a.134.134 0 0 1-.187.018"
     />
     <path
+      d="M22.057 8.697c-.066-.047-.075-.14-.028-.207l.543-.684c.047-.066.14-.075.206-.019.066.047.075.141.028.207l-.543.684c-.047.066-.14.075-.206.019Zm.703-.891c-.057-.047-.132-.037-.178.019l-.544.684a.133.133 0 0 0 .028.178c.056.047.131.038.178-.018l.544-.685c.037-.056.028-.14-.028-.178Z"
       fill="#fff"
-      d="M22.057 8.697c-.066-.047-.075-.14-.028-.207l.543-.684c.047-.066.14-.075.206-.019.066.047.075.141.028.207l-.543.684c-.047.066-.14.075-.206.019m.703-.891a.123.123 0 0 0-.178.019l-.544.684a.133.133 0 0 0 .028.178c.056.047.131.038.178-.018l.544-.685c.037-.056.028-.14-.028-.178"
     />
     <path
+      d="M21.972 10.094c-.056-.056-.056-.14 0-.188l1.387-1.378a.133.133 0 0 1 .188 0c.047.047.056.14 0 .188l-1.378 1.378a.136.136 0 0 1-.197 0Z"
       fill="#F3F3F3"
-      d="M21.972 10.094c-.056-.056-.056-.14 0-.188l1.387-1.378a.133.133 0 0 1 .188 0c.047.047.056.14 0 .188l-1.378 1.378a.136.136 0 0 1-.197 0"
     />
     <path
+      d="M21.963 10.103a.147.147 0 0 1 0-.206l1.387-1.378a.147.147 0 0 1 .206 0 .147.147 0 0 1 0 .206l-1.387 1.378a.147.147 0 0 1-.206 0Zm1.584-1.575a.13.13 0 0 0-.178 0l-1.387 1.378a.13.13 0 0 0 0 .178.13.13 0 0 0 .178 0l1.387-1.378c.047-.047.047-.122 0-.178Z"
       fill="#fff"
-      d="M21.963 10.103a.147.147 0 0 1 0-.206l1.387-1.378a.147.147 0 0 1 .206 0 .147.147 0 0 1 0 .206l-1.387 1.378a.147.147 0 0 1-.206 0m1.584-1.575a.13.13 0 0 0-.178 0l-1.387 1.378a.13.13 0 0 0 0 .178.13.13 0 0 0 .178 0l1.387-1.378c.047-.047.047-.122 0-.178"
     />
     <path
+      d="M23.378 10.019c-.047-.057-.047-.141.01-.188l.665-.562a.134.134 0 0 1 .188.018c.047.057.047.141-.01.188l-.665.562a.134.134 0 0 1-.188-.018Z"
       fill="#F3F3F3"
-      d="M23.378 10.019c-.047-.057-.047-.141.01-.188l.665-.562a.134.134 0 0 1 .188.018c.047.057.047.141-.01.188l-.665.562a.134.134 0 0 1-.188-.018"
     />
     <path
+      d="M23.369 10.028c-.056-.066-.047-.16.009-.206l.666-.563c.056-.056.15-.047.206.02.056.065.047.158-.01.205l-.665.563c-.056.056-.15.047-.206-.019Zm.862-.74c-.047-.057-.122-.057-.178-.02l-.666.563a.13.13 0 0 0-.009.178c.047.056.122.056.178.02l.666-.563c.056-.047.056-.122.01-.179Z"
       fill="#fff"
-      d="M23.369 10.028c-.056-.066-.047-.16.009-.206l.666-.563c.056-.056.15-.047.206.02.056.065.047.158-.01.205l-.665.563c-.056.056-.15.047-.206-.019m.862-.74c-.047-.057-.122-.057-.178-.02l-.666.563a.13.13 0 0 0-.009.178c.047.056.122.056.178.02l.666-.563c.056-.047.056-.122.01-.179"
     />
     <path
+      d="M23.003 11.369a.127.127 0 0 1 .037-.188l1.632-1.087c.065-.038.15-.02.187.037a.127.127 0 0 1-.038.188l-1.63 1.087c-.057.038-.141.019-.188-.037Z"
       fill="#F3F3F3"
-      d="M23.003 11.369a.127.127 0 0 1 .037-.188l1.632-1.087c.065-.038.15-.02.187.037a.127.127 0 0 1-.038.188l-1.63 1.087c-.057.038-.141.019-.188-.037"
     />
     <path
+      d="M22.994 11.369a.15.15 0 0 1 .037-.207l1.631-1.087a.144.144 0 0 1 .207.047.15.15 0 0 1-.038.206L23.2 11.416c-.066.047-.16.028-.206-.047Zm1.856-1.228a.122.122 0 0 0-.169-.038l-1.631 1.088c-.056.037-.075.112-.028.178a.122.122 0 0 0 .169.037l1.63-1.087a.133.133 0 0 0 .029-.178Z"
       fill="#fff"
-      d="M22.994 11.369a.15.15 0 0 1 .037-.207l1.631-1.087a.144.144 0 0 1 .207.047.15.15 0 0 1-.038.206L23.2 11.416a.144.144 0 0 1-.206-.047m1.856-1.228a.122.122 0 0 0-.169-.038l-1.631 1.088c-.056.037-.075.112-.028.178a.122.122 0 0 0 .169.037l1.63-1.087a.133.133 0 0 0 .029-.178"
     />
     <path
+      d="M24.4 11.566a.137.137 0 0 1 .047-.188l.759-.431c.066-.038.15-.01.187.056a.136.136 0 0 1-.047.187l-.759.432c-.066.037-.15.01-.187-.056Z"
       fill="#F3F3F3"
-      d="M24.4 11.566a.137.137 0 0 1 .047-.188l.759-.431a.138.138 0 0 1 .187.056.136.136 0 0 1-.047.187l-.759.432a.139.139 0 0 1-.187-.056"
     />
     <path
+      d="M24.39 11.575c-.037-.075-.018-.16.047-.197l.76-.431c.065-.038.16-.01.197.056.037.075.018.16-.047.197l-.76.431c-.065.038-.16.01-.197-.056Zm.994-.563c-.037-.065-.112-.084-.168-.047l-.76.432a.134.134 0 0 0-.047.168c.038.066.113.085.169.047l.76-.431c.056-.028.074-.103.046-.169Z"
       fill="#fff"
-      d="M24.39 11.575c-.037-.075-.018-.16.047-.197l.76-.431c.065-.038.16-.01.197.056.037.075.018.16-.047.197l-.76.431c-.065.038-.16.01-.197-.056m.994-.563c-.037-.065-.112-.084-.168-.047l-.76.432a.134.134 0 0 0-.047.168c.038.066.113.085.169.047l.76-.431c.056-.028.074-.103.046-.169"
     />
     <path
+      d="M23.772 12.813c-.028-.075 0-.15.075-.179l1.81-.75c.065-.028.15.01.177.075.029.075 0 .15-.075.178l-1.809.75a.134.134 0 0 1-.178-.075Z"
       fill="#F3F3F3"
-      d="M23.772 12.813c-.028-.075 0-.15.075-.179l1.81-.75c.065-.028.15.01.177.075.029.075 0 .15-.075.178l-1.809.75a.134.134 0 0 1-.178-.075"
     />
     <path
+      d="M23.763 12.822a.156.156 0 0 1 .075-.197l1.809-.75a.146.146 0 0 1 .187.085c.029.075 0 .159-.075.196l-1.809.75a.146.146 0 0 1-.187-.084Zm2.053-.853a.133.133 0 0 0-.16-.075l-1.809.75a.127.127 0 0 0-.066.169.133.133 0 0 0 .16.075l1.81-.75c.065-.028.093-.103.065-.169Z"
       fill="#fff"
-      d="M23.763 12.822a.156.156 0 0 1 .075-.197l1.809-.75a.146.146 0 0 1 .187.085.153.153 0 0 1-.075.196l-1.809.75a.146.146 0 0 1-.187-.084m2.053-.853a.133.133 0 0 0-.16-.075l-1.809.75a.127.127 0 0 0-.066.169.133.133 0 0 0 .16.075l1.81-.75a.128.128 0 0 0 .065-.169"
     />
     <path
+      d="M25.094 13.281c-.028-.075.01-.15.084-.178l.825-.272c.066-.028.15.02.169.085.028.075-.01.15-.085.178l-.824.272c-.066.028-.141-.01-.17-.085Z"
       fill="#F3F3F3"
-      d="M25.094 13.282c-.028-.076.01-.15.084-.179l.825-.272c.066-.028.15.02.169.085.028.075-.01.15-.085.178l-.824.272c-.066.028-.141-.01-.17-.085"
     />
     <path
+      d="M25.084 13.29a.143.143 0 0 1 .094-.187l.825-.272c.075-.028.16.019.188.094a.143.143 0 0 1-.094.188l-.825.271a.16.16 0 0 1-.188-.093Zm1.088-.356c-.019-.065-.094-.103-.16-.084l-.824.272c-.066.019-.094.094-.075.16.018.065.093.102.16.084l.824-.272a.13.13 0 0 0 .075-.16Z"
       fill="#fff"
-      d="M25.085 13.29a.143.143 0 0 1 .093-.187l.825-.272c.075-.028.16.019.188.094a.143.143 0 0 1-.094.188l-.825.271a.16.16 0 0 1-.187-.093m1.087-.356c-.019-.065-.094-.103-.16-.084l-.824.272c-.066.019-.094.094-.075.16.018.065.093.102.16.084l.824-.272a.13.13 0 0 0 .075-.16"
     />
     <path
+      d="M24.25 14.397c-.019-.075.028-.15.103-.16l1.922-.375c.075-.018.14.038.16.113.018.075-.029.15-.104.16l-1.922.374c-.075.01-.15-.037-.159-.112Z"
       fill="#F3F3F3"
-      d="M24.25 14.397a.127.127 0 0 1 .103-.16l1.922-.375c.075-.018.14.038.16.113.018.075-.029.15-.104.16l-1.922.374c-.075.01-.15-.037-.159-.112"
     />
     <path
+      d="M24.231 14.397a.15.15 0 0 1 .112-.178l1.922-.375c.075-.02.15.037.17.122a.15.15 0 0 1-.113.178l-1.922.375c-.075.018-.15-.038-.169-.122Zm2.184-.422a.126.126 0 0 0-.14-.103l-1.922.375c-.066.01-.113.084-.094.15.01.065.075.112.14.103l1.923-.375c.065-.019.112-.085.093-.15Z"
       fill="#fff"
-      d="M24.231 14.397a.15.15 0 0 1 .112-.178l1.922-.375c.075-.02.15.037.17.122a.15.15 0 0 1-.113.178l-1.922.375c-.075.018-.15-.038-.169-.122m2.184-.422a.126.126 0 0 0-.14-.103l-1.922.375a.122.122 0 0 0-.094.15c.01.065.075.112.14.103l1.923-.375c.065-.019.112-.085.093-.15"
     />
     <path
+      d="M25.45 15.119c-.01-.075.037-.14.112-.15l.863-.103c.075-.01.14.046.15.121.01.075-.038.141-.113.15l-.862.104c-.066.009-.14-.047-.15-.122Z"
       fill="#F3F3F3"
-      d="M25.45 15.119a.13.13 0 0 1 .112-.15l.863-.103c.075-.01.14.046.15.121a.13.13 0 0 1-.113.15l-.862.104c-.066.009-.14-.047-.15-.122"
     />
     <path
+      d="M25.44 15.119c-.009-.084.047-.16.122-.169l.863-.103c.075-.01.15.047.16.131.008.085-.048.16-.123.17l-.862.102a.145.145 0 0 1-.16-.131Zm1.135-.131c-.01-.066-.075-.122-.14-.113l-.863.103a.126.126 0 0 0-.104.14c.01.067.076.123.141.113l.863-.103a.126.126 0 0 0 .103-.14Z"
       fill="#fff"
-      d="M25.44 15.119c-.009-.084.047-.16.122-.169l.863-.103c.075-.01.15.047.16.131.008.085-.048.16-.123.17l-.862.102a.145.145 0 0 1-.16-.131m1.135-.131c-.01-.066-.075-.122-.14-.113l-.863.103a.126.126 0 0 0-.104.14c.01.067.076.123.141.113l.863-.103a.126.126 0 0 0 .103-.14"
     />
     <path
+      d="M24.4 16.028c0-.075.057-.14.132-.14h1.96c.074 0 .13.065.13.14 0 .075-.056.14-.13.14h-1.96c-.075 0-.131-.065-.131-.14Z"
       fill="#F3F3F3"
-      d="M24.4 16.028c0-.075.057-.14.132-.14h1.96c.074 0 .13.065.13.14 0 .075-.056.14-.13.14h-1.96c-.075 0-.131-.065-.131-.14"
     />
     <path
+      d="M24.39 16.028c0-.084.066-.15.141-.15h1.96c.075 0 .14.066.14.15 0 .085-.065.15-.14.15h-1.96c-.075 0-.14-.066-.14-.15Zm2.223.01c0-.066-.057-.132-.122-.132h-1.96c-.065 0-.122.056-.122.132 0 .065.057.13.122.13h1.96c.065-.009.122-.065.122-.13Z"
       fill="#fff"
-      d="M24.39 16.028c0-.084.066-.15.141-.15h1.96c.075 0 .14.066.14.15 0 .085-.065.15-.14.15h-1.96c-.075 0-.14-.066-.14-.15m2.223.01c0-.066-.057-.132-.122-.132h-1.96c-.065 0-.122.056-.122.132 0 .065.057.13.122.13h1.96c.065-.009.122-.065.122-.13"
     />
     <path
+      d="M25.44 16.975c.01-.075.066-.131.141-.131l.872.065c.075.01.131.075.122.15-.01.075-.066.132-.141.132l-.872-.066c-.065-.01-.122-.075-.122-.15Z"
       fill="#F3F3F3"
-      d="M25.44 16.975c.01-.075.066-.131.141-.131l.872.065c.075.01.131.075.122.15-.01.075-.066.132-.141.132l-.872-.066a.153.153 0 0 1-.122-.15"
     />
     <path
+      d="M25.431 16.975a.152.152 0 0 1 .15-.14l.872.065c.075.01.14.075.131.16a.152.152 0 0 1-.15.14l-.872-.066c-.075-.009-.13-.084-.13-.159Zm1.144.084a.119.119 0 0 0-.113-.13l-.872-.066c-.065 0-.122.047-.13.122a.119.119 0 0 0 .112.13l.872.066c.065 0 .122-.056.131-.122Z"
       fill="#fff"
-      d="M25.431 16.975a.152.152 0 0 1 .15-.14l.872.065c.075.01.14.075.131.16a.152.152 0 0 1-.15.14l-.872-.066c-.075-.009-.13-.084-.13-.159m1.144.084a.119.119 0 0 0-.113-.13l-.872-.066a.13.13 0 0 0-.13.122.119.119 0 0 0 .112.13l.872.066c.065 0 .122-.056.131-.122"
     />
     <path
+      d="M24.231 17.66a.144.144 0 0 1 .16-.113l1.921.384c.075.019.122.084.104.16a.144.144 0 0 1-.16.112l-1.922-.384c-.065-.01-.112-.085-.103-.16Z"
       fill="#F3F3F3"
-      d="M24.231 17.66a.144.144 0 0 1 .16-.113l1.921.384c.075.019.122.084.104.16a.144.144 0 0 1-.16.112l-1.922-.384c-.065-.01-.112-.085-.103-.16"
     />
     <path
+      d="M24.222 17.66a.153.153 0 0 1 .169-.122l1.922.384a.15.15 0 0 1 .112.178.153.153 0 0 1-.169.122l-1.922-.384c-.075-.02-.122-.094-.112-.178Zm2.184.44a.134.134 0 0 0-.093-.15l-1.922-.384a.133.133 0 0 0-.15.103.135.135 0 0 0 .093.15l1.922.384c.075.01.132-.037.15-.103Z"
       fill="#fff"
-      d="M24.222 17.66a.153.153 0 0 1 .169-.122l1.922.384a.15.15 0 0 1 .112.178.153.153 0 0 1-.169.122l-1.922-.384c-.075-.02-.122-.094-.112-.178m2.184.44a.134.134 0 0 0-.093-.15l-1.922-.384a.133.133 0 0 0-.15.103.135.135 0 0 0 .093.15l1.922.384c.075.01.132-.037.15-.103"
     />
     <path
+      d="M25.075 18.784a.14.14 0 0 1 .169-.103l.844.235c.075.018.112.093.093.168a.14.14 0 0 1-.168.104l-.844-.235c-.075-.019-.113-.094-.094-.169Z"
       fill="#F3F3F3"
-      d="M25.075 18.784a.14.14 0 0 1 .169-.103l.844.235c.075.018.112.093.093.168a.14.14 0 0 1-.168.104l-.844-.235c-.075-.019-.113-.094-.094-.169"
     />
     <path
+      d="M25.066 18.784c.019-.075.103-.13.178-.103l.844.235c.075.018.122.103.103.178-.019.075-.103.13-.178.103l-.844-.235c-.075-.018-.122-.093-.103-.178Zm1.097.31c.019-.066-.019-.14-.085-.16l-.843-.234c-.066-.019-.131.019-.15.094-.019.065.018.14.084.16l.844.233a.135.135 0 0 0 .15-.093Z"
       fill="#fff"
-      d="M25.066 18.784c.019-.075.103-.13.178-.103l.844.235c.075.018.122.103.103.178-.019.075-.103.13-.178.103l-.844-.235c-.075-.018-.122-.093-.103-.178m1.097.31a.131.131 0 0 0-.085-.16l-.843-.234c-.066-.019-.131.019-.15.094a.131.131 0 0 0 .084.16l.844.233a.135.135 0 0 0 .15-.093"
     />
     <path
+      d="M23.753 19.234a.134.134 0 0 1 .178-.075l1.81.75c.066.028.103.113.075.178a.134.134 0 0 1-.178.075l-1.81-.75a.134.134 0 0 1-.075-.178Z"
       fill="#F3F3F3"
-      d="M23.754 19.234a.134.134 0 0 1 .177-.075l1.81.75c.066.028.103.113.075.178a.134.134 0 0 1-.178.075l-1.81-.75a.134.134 0 0 1-.075-.178"
     />
     <path
+      d="M23.743 19.225a.146.146 0 0 1 .188-.084l1.81.75c.074.028.102.112.074.197a.145.145 0 0 1-.187.084l-1.81-.75a.156.156 0 0 1-.075-.197Zm2.054.853a.127.127 0 0 0-.066-.168l-1.81-.75c-.065-.029-.13.009-.159.075-.028.065 0 .14.066.168l1.81.75c.065.02.14-.009.159-.075Z"
       fill="#fff"
-      d="M23.743 19.225a.146.146 0 0 1 .188-.084l1.81.75c.074.028.102.112.074.197a.145.145 0 0 1-.187.084l-1.81-.75a.156.156 0 0 1-.075-.197m2.054.853a.127.127 0 0 0-.066-.168l-1.81-.75c-.065-.029-.13.009-.159.075-.028.065 0 .14.066.168l1.81.75c.065.02.14-.009.159-.075"
     />
     <path
+      d="M24.362 20.5c.038-.066.113-.094.178-.066l.778.394c.066.028.094.113.057.188-.038.065-.113.093-.178.065l-.778-.394c-.066-.037-.094-.122-.057-.187Z"
       fill="#F3F3F3"
-      d="M24.362 20.5c.038-.066.113-.094.178-.066l.778.394c.066.028.094.113.057.188-.038.065-.113.093-.178.065l-.778-.394c-.066-.037-.094-.122-.057-.187"
     />
     <path
+      d="M24.353 20.49a.143.143 0 0 1 .197-.065l.778.394a.143.143 0 0 1 .065.197.143.143 0 0 1-.197.065l-.778-.393c-.075-.029-.103-.122-.065-.197Zm1.012.516c.028-.066.01-.14-.056-.169l-.778-.393c-.056-.028-.131 0-.169.056-.028.066-.01.14.056.169l.779.393c.065.028.14.01.168-.056Z"
       fill="#fff"
-      d="M24.353 20.49a.143.143 0 0 1 .197-.065l.778.394a.143.143 0 0 1 .065.197.143.143 0 0 1-.197.065l-.778-.393c-.075-.029-.103-.122-.065-.197m1.012.516c.028-.066.01-.14-.056-.169l-.778-.393c-.056-.028-.131 0-.169.056-.028.066-.01.14.056.169l.779.393c.065.028.14.01.168-.056"
     />
     <path
+      d="M22.984 20.678c.047-.065.122-.084.188-.037l1.631 1.087c.066.038.075.122.038.188-.047.065-.122.084-.188.037l-1.631-1.087c-.066-.047-.084-.132-.038-.188Z"
       fill="#F3F3F3"
-      d="M22.984 20.678c.047-.065.122-.084.188-.037l1.631 1.087c.066.038.075.122.038.188-.047.065-.122.084-.188.037l-1.631-1.087c-.066-.047-.084-.132-.038-.188"
     />
     <path
+      d="M22.974 20.669a.162.162 0 0 1 .207-.047l1.631 1.087a.148.148 0 0 1 .038.207.162.162 0 0 1-.207.047l-1.631-1.088c-.075-.047-.084-.14-.038-.206Zm1.848 1.237c.037-.056.028-.14-.029-.178l-1.631-1.087a.122.122 0 0 0-.169.037c-.037.056-.028.14.028.178l1.632 1.088a.122.122 0 0 0 .169-.038Z"
       fill="#fff"
-      d="M22.975 20.669a.162.162 0 0 1 .206-.047l1.631 1.087a.148.148 0 0 1 .038.207.162.162 0 0 1-.207.047l-1.631-1.088c-.075-.047-.084-.14-.038-.206m1.846 1.237c.038-.056.029-.14-.028-.178l-1.631-1.087a.122.122 0 0 0-.169.037c-.037.056-.028.14.028.178l1.632 1.088a.122.122 0 0 0 .169-.038"
     />
     <path
+      d="M23.332 22.038c.046-.057.13-.075.187-.028l.684.534a.134.134 0 0 1 .02.187c-.048.056-.132.075-.188.028l-.685-.534a.134.134 0 0 1-.018-.187Z"
       fill="#F3F3F3"
-      d="M23.332 22.038c.046-.057.13-.075.187-.028l.684.534a.134.134 0 0 1 .02.187c-.048.056-.132.075-.188.028l-.685-.534a.134.134 0 0 1-.018-.187"
     />
     <path
+      d="M23.322 22.028c.047-.066.14-.075.206-.028l.684.534c.066.047.075.141.028.207-.046.065-.14.075-.206.028l-.684-.535c-.066-.047-.075-.14-.028-.206Zm.9.703c.046-.056.037-.131-.02-.178l-.684-.534a.133.133 0 0 0-.178.028c-.046.056-.037.131.02.178l.684.534a.133.133 0 0 0 .178-.028Z"
       fill="#fff"
-      d="M23.322 22.028c.047-.066.14-.075.206-.028l.684.534c.066.047.075.141.028.207-.046.065-.14.075-.206.028l-.684-.535c-.066-.047-.075-.14-.028-.206m.9.703c.046-.056.037-.131-.02-.178l-.684-.534a.133.133 0 0 0-.178.028c-.046.056-.037.131.02.178l.684.534a.133.133 0 0 0 .178-.028"
     />
     <path
+      d="M21.935 21.944c.056-.056.14-.056.187 0l1.388 1.378a.133.133 0 0 1 0 .188c-.056.056-.14.056-.188 0l-1.387-1.379a.143.143 0 0 1 0-.187Z"
       fill="#F3F3F3"
-      d="M21.935 21.944c.056-.056.14-.056.187 0l1.388 1.378a.133.133 0 0 1 0 .188c-.056.056-.14.056-.188 0l-1.387-1.379a.143.143 0 0 1 0-.187"
     />
     <path
+      d="M21.934 21.934a.147.147 0 0 1 .207 0l1.387 1.378a.147.147 0 0 1 0 .207.147.147 0 0 1-.206 0l-1.387-1.378a.133.133 0 0 1 0-.207ZM23.51 23.5a.13.13 0 0 0 0-.178l-1.388-1.378a.13.13 0 0 0-.178 0 .13.13 0 0 0 0 .178l1.387 1.378c.047.056.122.056.179 0Z"
       fill="#fff"
-      d="M21.935 21.934a.147.147 0 0 1 .206 0l1.387 1.378a.147.147 0 0 1 0 .207.147.147 0 0 1-.206 0l-1.387-1.378a.133.133 0 0 1 0-.207M23.51 23.5a.13.13 0 0 0 0-.178l-1.388-1.378a.13.13 0 0 0-.178 0 .13.13 0 0 0 0 .178l1.387 1.378c.047.056.122.056.179 0"
     />
     <path
+      d="M22.019 23.34c.056-.046.14-.046.187.01l.572.656a.134.134 0 0 1-.019.188c-.056.047-.14.047-.187-.01L22 23.528c-.047-.047-.038-.131.019-.187Z"
       fill="#F3F3F3"
-      d="M22.019 23.34c.056-.046.14-.046.187.01l.572.656a.134.134 0 0 1-.019.188c-.056.047-.14.047-.187-.01L22 23.528c-.047-.047-.038-.131.019-.187"
     />
     <path
+      d="M22.01 23.34a.147.147 0 0 1 .205.01l.572.656c.056.056.047.15-.018.206a.147.147 0 0 1-.207-.009l-.572-.656c-.046-.066-.046-.16.02-.207Zm.75.854c.055-.047.055-.122.018-.178l-.572-.657a.13.13 0 0 0-.178-.009c-.056.047-.056.122-.019.178l.572.656c.047.056.122.056.178.01Z"
       fill="#fff"
-      d="M22.01 23.34a.147.147 0 0 1 .205.01l.572.656c.056.056.047.15-.018.206a.147.147 0 0 1-.207-.009l-.572-.656c-.046-.066-.046-.16.02-.207m.75.854c.055-.047.055-.122.018-.178l-.572-.657a.13.13 0 0 0-.178-.009c-.056.047-.056.122-.019.178l.572.656c.047.056.122.056.178.01"
     />
     <path
+      d="M20.668 22.985a.127.127 0 0 1 .188.037l1.087 1.622c.038.066.02.15-.037.187a.127.127 0 0 1-.188-.037l-1.087-1.622c-.038-.066-.019-.15.037-.188Z"
       fill="#F3F3F3"
-      d="M20.668 22.985a.127.127 0 0 1 .188.037l1.087 1.622c.038.066.02.15-.037.187a.127.127 0 0 1-.188-.037l-1.087-1.622c-.038-.066-.019-.15.037-.187"
     />
     <path
+      d="M20.669 22.975a.15.15 0 0 1 .206.037l1.087 1.622a.144.144 0 0 1-.046.206.15.15 0 0 1-.207-.037l-1.087-1.622a.143.143 0 0 1 .047-.206Zm1.237 1.847a.122.122 0 0 0 .038-.17l-1.088-1.621c-.037-.056-.112-.066-.178-.028a.122.122 0 0 0-.037.169l1.087 1.621c.037.047.122.066.178.029Z"
       fill="#fff"
-      d="M20.669 22.975a.15.15 0 0 1 .206.037l1.087 1.622a.144.144 0 0 1-.046.206.15.15 0 0 1-.207-.037l-1.087-1.622a.143.143 0 0 1 .047-.206m1.237 1.847a.122.122 0 0 0 .038-.17l-1.088-1.621c-.037-.056-.112-.066-.178-.028a.122.122 0 0 0-.037.169l1.087 1.621c.037.047.122.066.178.029"
     />
     <path
+      d="M20.472 24.372a.137.137 0 0 1 .187.047l.432.76c.037.065.009.15-.057.187a.137.137 0 0 1-.187-.047l-.431-.76c-.029-.065-.01-.15.056-.187Z"
       fill="#F3F3F3"
-      d="M20.472 24.372a.137.137 0 0 1 .187.047l.432.76c.037.065.009.15-.057.187a.137.137 0 0 1-.187-.047l-.431-.76c-.029-.065-.01-.15.056-.187"
     />
     <path
+      d="M20.472 24.362c.075-.037.16-.018.197.047l.431.76c.038.065.019.16-.056.197-.075.037-.16.018-.197-.047l-.431-.76c-.038-.065-.019-.15.056-.197Zm.563.994c.056-.037.084-.112.046-.169l-.43-.759a.135.135 0 0 0-.17-.047c-.056.038-.084.113-.047.169l.432.76c.028.056.112.084.169.046Z"
       fill="#fff"
-      d="M20.472 24.362c.075-.037.16-.018.197.047l.431.76c.038.065.019.16-.056.197-.075.037-.16.018-.197-.047l-.431-.76c-.038-.065-.019-.15.056-.197m.563.994c.056-.037.084-.112.046-.169l-.43-.759a.135.135 0 0 0-.17-.047c-.056.038-.084.113-.047.169l.432.76c.028.056.112.084.169.046"
     />
     <path
+      d="M19.225 23.753c.075-.028.15 0 .178.066l.76 1.81c.028.065-.01.15-.076.177-.065.028-.15 0-.177-.066l-.76-1.809c-.028-.066.01-.15.075-.178Z"
       fill="#F3F3F3"
-      d="M19.225 23.753c.075-.028.15 0 .178.066l.76 1.81c.028.065-.01.15-.076.177-.065.028-.15 0-.177-.066l-.76-1.809c-.028-.066.01-.15.075-.178"
     />
     <path
+      d="M19.225 23.744c.075-.028.16 0 .197.075l.76 1.81a.146.146 0 0 1-.085.187.155.155 0 0 1-.197-.075l-.76-1.81c-.027-.065.01-.15.085-.187Zm.853 2.053c.066-.028.094-.103.066-.16l-.76-1.809a.127.127 0 0 0-.168-.065c-.066.028-.094.103-.066.159l.76 1.81c.037.065.102.093.168.065Z"
       fill="#fff"
-      d="M19.225 23.744c.075-.028.16 0 .197.075l.76 1.81a.146.146 0 0 1-.085.187.155.155 0 0 1-.197-.075l-.76-1.81c-.027-.065.01-.15.085-.187m.853 2.053c.066-.028.094-.103.066-.16l-.76-1.809a.127.127 0 0 0-.168-.065c-.066.028-.094.103-.066.159l.76 1.81c.037.065.102.093.168.065"
     />
     <path
+      d="M18.765 25.084c.076-.028.15.01.179.085l.272.825c.028.065-.02.15-.085.168-.075.029-.15-.009-.178-.084l-.272-.825c-.028-.066.01-.14.084-.169Z"
       fill="#F3F3F3"
-      d="M18.766 25.084c.075-.028.15.01.178.085l.272.825c.028.065-.02.15-.085.168-.075.029-.15-.009-.178-.084l-.272-.825c-.028-.066.01-.14.084-.169"
     />
     <path
+      d="M18.756 25.075a.145.145 0 0 1 .188.084l.272.825c.028.075-.02.16-.094.188a.145.145 0 0 1-.188-.085l-.271-.824a.16.16 0 0 1 .093-.188Zm.366 1.078c.066-.019.103-.094.084-.16l-.272-.824c-.018-.066-.093-.094-.159-.075-.066.019-.103.094-.084.16l.271.824a.119.119 0 0 0 .16.075Z"
       fill="#fff"
-      d="M18.756 25.075a.145.145 0 0 1 .188.084l.272.825c.028.075-.02.16-.094.188a.145.145 0 0 1-.188-.085l-.271-.824a.16.16 0 0 1 .093-.188m.366 1.078c.066-.019.103-.094.084-.16l-.272-.824c-.018-.066-.093-.094-.159-.075-.066.019-.103.094-.084.16l.271.824a.119.119 0 0 0 .16.075"
     />
     <path
+      d="M17.659 24.231c.075-.019.15.028.16.103l.393 1.922c.019.075-.037.14-.112.16-.075.018-.15-.029-.16-.104l-.394-1.922a.15.15 0 0 1 .113-.159Z"
       fill="#F3F3F3"
-      d="M17.659 24.231a.127.127 0 0 1 .16.103l.393 1.922c.019.075-.037.14-.112.16-.075.018-.15-.029-.16-.104l-.394-1.922a.15.15 0 0 1 .113-.159"
     />
     <path
+      d="M17.66 24.222a.15.15 0 0 1 .177.112l.394 1.922c.019.075-.037.16-.112.17a.15.15 0 0 1-.178-.113l-.394-1.922c-.019-.075.028-.15.112-.17Zm.44 2.184c.066-.009.112-.075.103-.15l-.394-1.922c-.009-.065-.084-.112-.15-.093-.065.009-.112.075-.103.15l.394 1.922a.134.134 0 0 0 .15.093Z"
       fill="#fff"
-      d="M17.66 24.222a.15.15 0 0 1 .177.112l.394 1.922c.019.075-.037.16-.112.17a.15.15 0 0 1-.178-.113l-.394-1.922c-.019-.075.028-.15.112-.17m.44 2.184c.066-.009.112-.075.103-.15l-.394-1.922c-.009-.065-.084-.112-.15-.093-.065.009-.112.075-.103.15l.394 1.922a.134.134 0 0 0 .15.093"
     />
     <path
+      d="M16.947 25.45c.075-.01.14.037.159.112l.112.863a.136.136 0 0 1-.122.15.144.144 0 0 1-.159-.113l-.112-.862a.136.136 0 0 1 .122-.15Z"
       fill="#F3F3F3"
-      d="M16.947 25.45c.075-.01.14.037.159.112l.112.863a.136.136 0 0 1-.122.15.144.144 0 0 1-.159-.113l-.112-.862a.136.136 0 0 1 .122-.15"
     />
     <path
+      d="M16.947 25.44c.084-.009.16.047.169.122l.112.863a.146.146 0 0 1-.131.16c-.085.009-.16-.048-.17-.123l-.111-.862a.146.146 0 0 1 .13-.16Zm.14 1.125c.066-.009.122-.075.113-.14l-.113-.863a.126.126 0 0 0-.14-.103c-.066.01-.122.075-.113.14l.113.863c.01.066.075.113.14.104Z"
       fill="#fff"
-      d="M16.947 25.44c.084-.009.16.047.169.122l.112.863a.146.146 0 0 1-.131.16c-.085.009-.16-.048-.17-.123l-.111-.862a.146.146 0 0 1 .13-.16m.14 1.125c.066-.009.122-.075.113-.14l-.113-.863a.126.126 0 0 0-.14-.103c-.066.01-.122.075-.113.14l.113.863c.01.066.075.113.14.104"
     />
     <path
+      d="M15.982 24.4c.075 0 .14.056.14.131v1.96c0 .074-.065.13-.14.13-.075 0-.141-.056-.141-.13v-1.96c.01-.075.066-.131.14-.131Z"
       fill="#F3F3F3"
-      d="M15.982 24.4c.075 0 .14.056.14.131v1.96c0 .074-.065.13-.14.13-.075 0-.141-.056-.141-.13v-1.96c.01-.075.066-.131.14-.131"
     />
     <path
+      d="M15.98 24.39c.085 0 .15.066.15.141v1.96c0 .075-.065.14-.15.14-.084 0-.15-.065-.15-.14v-1.96c0-.075.076-.14.15-.14Zm0 2.223c.067 0 .132-.057.132-.122v-1.96c0-.065-.056-.122-.131-.122-.066 0-.131.057-.131.122v1.96c.009.065.065.122.13.122Z"
       fill="#fff"
-      d="M15.98 24.39c.085 0 .15.066.15.141v1.96c0 .075-.065.14-.15.14-.084 0-.15-.065-.15-.14v-1.96c0-.075.076-.14.15-.14m0 2.223c.067 0 .132-.057.132-.122v-1.96c0-.065-.056-.122-.131-.122-.066 0-.131.057-.131.122v1.96c.009.065.065.122.13.122"
     />
     <path
+      d="M15.044 25.45c.075.01.131.066.131.14l-.066.873a.137.137 0 0 1-.15.122c-.075-.01-.13-.066-.13-.141l.065-.872a.137.137 0 0 1 .15-.122Z"
       fill="#F3F3F3"
-      d="M15.044 25.45c.075.01.131.066.131.14l-.066.873a.137.137 0 0 1-.15.122c-.075-.01-.13-.066-.13-.141l.065-.872a.137.137 0 0 1 .15-.122"
     />
     <path
+      d="M15.044 25.44c.084.01.14.075.14.15l-.065.872c-.01.075-.075.141-.16.132a.152.152 0 0 1-.14-.15l.065-.872c.01-.085.075-.14.16-.131Zm-.085 1.135c.066 0 .132-.047.132-.113l.066-.872c0-.065-.047-.121-.123-.13-.065 0-.13.046-.13.112l-.066.872c0 .065.056.122.122.13Z"
       fill="#fff"
-      d="M15.044 25.44c.084.01.14.075.14.15l-.065.872c-.01.075-.075.141-.16.132a.152.152 0 0 1-.14-.15l.065-.872c.01-.085.075-.14.16-.131m-.085 1.135c.066 0 .132-.047.132-.113l.066-.872c0-.065-.047-.121-.123-.13-.065 0-.13.046-.13.112l-.066.872c0 .065.056.122.122.13"
     />
     <path
+      d="M14.34 24.231a.144.144 0 0 1 .113.16l-.385 1.922c-.018.075-.084.122-.16.103a.144.144 0 0 1-.112-.16l.385-1.922c.01-.065.084-.112.16-.103Z"
       fill="#F3F3F3"
-      d="M14.34 24.231a.144.144 0 0 1 .113.16l-.385 1.922c-.018.075-.084.122-.16.103a.144.144 0 0 1-.112-.16l.385-1.922c.01-.065.084-.112.16-.103"
     />
     <path
+      d="M14.34 24.222a.153.153 0 0 1 .122.169l-.384 1.922a.15.15 0 0 1-.178.112.153.153 0 0 1-.122-.169l.384-1.922c.02-.075.094-.122.178-.112Zm-.44 2.184a.135.135 0 0 0 .15-.093l.384-1.922a.133.133 0 0 0-.103-.15.135.135 0 0 0-.15.093l-.384 1.922c-.01.075.037.132.103.15Z"
       fill="#fff"
-      d="M14.34 24.222a.153.153 0 0 1 .122.169l-.384 1.922a.15.15 0 0 1-.178.112.153.153 0 0 1-.122-.169l.384-1.922c.02-.075.094-.122.178-.112m-.44 2.184a.135.135 0 0 0 .15-.093l.384-1.922a.133.133 0 0 0-.103-.15.135.135 0 0 0-.15.093l-.384 1.922c-.01.075.037.132.103.15"
     />
     <path
+      d="M13.216 25.075a.14.14 0 0 1 .103.169l-.234.843c-.019.075-.094.113-.169.094a.139.139 0 0 1-.105-.114.141.141 0 0 1 .002-.055l.234-.843c.02-.075.094-.113.17-.094Z"
       fill="#F3F3F3"
-      d="M13.216 25.075a.14.14 0 0 1 .103.169l-.234.843c-.019.075-.094.113-.169.094a.139.139 0 0 1-.105-.114.141.141 0 0 1 .002-.055l.234-.843c.02-.075.094-.113.17-.094"
     />
     <path
+      d="M13.216 25.066c.075.018.13.103.103.178l-.235.843c-.018.076-.103.122-.178.104-.075-.019-.131-.104-.103-.178l.234-.844c.02-.075.094-.122.179-.103Zm-.31 1.097c.066.018.14-.02.16-.085l.234-.844c.019-.065-.019-.13-.094-.15-.065-.018-.14.02-.16.085l-.233.843a.134.134 0 0 0 .093.15Z"
       fill="#fff"
-      d="M13.216 25.066c.075.018.13.103.103.178l-.235.843c-.018.076-.103.122-.178.104-.075-.019-.131-.104-.103-.178l.234-.844a.146.146 0 0 1 .179-.103m-.31 1.097c.066.018.14-.02.16-.085l.234-.844c.019-.065-.019-.13-.094-.15a.134.134 0 0 0-.16.085l-.233.843a.134.134 0 0 0 .093.15"
     />
     <path
+      d="M12.757 23.753a.134.134 0 0 1 .075.178l-.75 1.81c-.029.065-.113.103-.179.065-.065-.037-.103-.112-.075-.178l.75-1.81c.028-.065.113-.103.179-.065Z"
       fill="#F3F3F3"
-      d="M12.757 23.753a.134.134 0 0 1 .075.178l-.75 1.81c-.029.065-.113.103-.179.065-.065-.037-.103-.112-.075-.178l.75-1.81c.028-.065.113-.103.179-.065"
     />
     <path
+      d="M12.756 23.744a.146.146 0 0 1 .084.187l-.75 1.81c-.028.074-.112.103-.197.074a.146.146 0 0 1-.084-.187l.75-1.81c.038-.074.122-.112.197-.074Zm-.853 2.053c.065.028.14 0 .168-.066l.75-1.81c.029-.065-.009-.13-.074-.159a.127.127 0 0 0-.17.066l-.75 1.81a.134.134 0 0 0 .076.159Z"
       fill="#fff"
-      d="M12.756 23.744a.146.146 0 0 1 .084.187l-.75 1.81c-.028.074-.112.103-.197.074a.146.146 0 0 1-.084-.187l.75-1.81c.038-.074.122-.112.197-.074m-.853 2.053c.065.028.14 0 .168-.066l.75-1.81c.029-.065-.009-.13-.074-.159a.127.127 0 0 0-.17.066l-.75 1.81a.134.134 0 0 0 .076.159"
     />
     <path
+      d="M11.491 24.354c.066.037.094.112.066.178l-.394.777a.137.137 0 0 1-.188.057c-.065-.038-.093-.113-.065-.178l.394-.778a.137.137 0 0 1 .187-.056Z"
       fill="#F3F3F3"
-      d="M11.491 24.354a.14.14 0 0 1 .066.178l-.394.777a.137.137 0 0 1-.188.057c-.065-.038-.093-.113-.065-.178l.394-.778a.137.137 0 0 1 .187-.056"
     />
     <path
+      d="M11.491 24.344a.143.143 0 0 1 .066.197l-.394.778a.143.143 0 0 1-.197.066.143.143 0 0 1-.066-.197l.394-.778a.143.143 0 0 1 .197-.066Zm-.515 1.022c.065.028.14.01.168-.056l.394-.778c.028-.057 0-.132-.056-.17-.066-.027-.14-.009-.169.057l-.394.778c-.028.056 0 .131.056.169Z"
       fill="#fff"
-      d="M11.491 24.344a.143.143 0 0 1 .066.197l-.394.778a.143.143 0 0 1-.197.066.143.143 0 0 1-.066-.197l.394-.778a.143.143 0 0 1 .197-.066m-.515 1.022c.065.028.14.01.168-.056l.394-.778c.028-.057 0-.132-.056-.17-.066-.027-.14-.009-.169.057l-.394.778c-.028.056 0 .131.056.169"
     />
     <path
+      d="M11.303 22.966c.065.046.084.131.037.187l-1.087 1.622c-.038.066-.122.075-.188.038-.065-.047-.084-.131-.037-.188l1.087-1.622a.127.127 0 0 1 .188-.037Z"
       fill="#F3F3F3"
-      d="M11.303 22.966c.065.046.084.131.037.187l-1.087 1.622c-.038.066-.122.075-.188.038-.065-.047-.084-.131-.037-.188l1.087-1.622a.127.127 0 0 1 .188-.037"
     />
     <path
+      d="M11.303 22.956c.065.047.084.141.047.207l-1.088 1.622a.148.148 0 0 1-.206.037.162.162 0 0 1-.047-.206l1.088-1.622a.15.15 0 0 1 .206-.038Zm-1.238 1.847c.056.038.141.028.178-.028l1.088-1.622a.122.122 0 0 0-.038-.168c-.056-.038-.14-.029-.178.028l-1.087 1.612a.134.134 0 0 0 .037.178Z"
       fill="#fff"
-      d="M11.303 22.957c.065.046.084.14.047.206l-1.088 1.622a.148.148 0 0 1-.206.037.162.162 0 0 1-.047-.206l1.088-1.622a.15.15 0 0 1 .206-.038m-1.238 1.846c.056.038.141.028.178-.028l1.088-1.622a.122.122 0 0 0-.038-.168c-.056-.038-.14-.029-.178.028l-1.087 1.612a.133.133 0 0 0 .037.178"
     />
     <path
+      d="M9.934 23.312c.056.047.075.132.028.188l-.544.684a.134.134 0 0 1-.187.019c-.056-.047-.075-.131-.028-.188l.544-.684a.134.134 0 0 1 .187-.019Z"
       fill="#F3F3F3"
-      d="M9.934 23.312c.056.047.075.132.028.188l-.544.684a.134.134 0 0 1-.187.019c-.056-.047-.075-.131-.028-.188l.544-.684a.134.134 0 0 1 .187-.019"
     />
     <path
+      d="M9.944 23.303c.065.047.075.14.028.206l-.544.685c-.047.065-.14.075-.206.018-.066-.046-.075-.14-.028-.206l.544-.684c.046-.066.14-.075.206-.019Zm-.703.89c.056.047.131.038.178-.018l.544-.684a.133.133 0 0 0-.028-.179c-.057-.047-.132-.037-.179.02l-.543.683c-.038.057-.028.141.028.179Z"
       fill="#fff"
-      d="M9.944 23.303c.065.047.075.14.028.206l-.544.685c-.047.065-.14.075-.206.018-.066-.046-.075-.14-.028-.206l.544-.684c.046-.066.14-.075.206-.019m-.703.89c.056.047.131.038.178-.018l.544-.684a.133.133 0 0 0-.028-.179c-.057-.047-.132-.037-.179.02l-.543.683c-.038.057-.028.141.028.179"
     />
     <path
+      d="M10.028 21.906c.056.056.056.14 0 .188l-1.387 1.378a.133.133 0 0 1-.188 0c-.046-.047-.056-.14 0-.188l1.378-1.378a.136.136 0 0 1 .197 0Z"
       fill="#F3F3F3"
-      d="M10.028 21.906c.056.056.056.14 0 .188l-1.387 1.378a.133.133 0 0 1-.188 0c-.046-.047-.056-.14 0-.188l1.378-1.378a.136.136 0 0 1 .197 0"
     />
     <path
+      d="M10.037 21.897a.147.147 0 0 1 0 .206L8.65 23.481a.147.147 0 0 1-.207 0 .147.147 0 0 1 0-.206l1.388-1.378a.147.147 0 0 1 .206 0Zm-1.584 1.575a.13.13 0 0 0 .178 0l1.387-1.378a.13.13 0 0 0 0-.178.13.13 0 0 0-.178 0l-1.387 1.378c-.047.047-.047.122 0 .178Z"
       fill="#fff"
-      d="M10.037 21.897a.147.147 0 0 1 0 .206L8.65 23.481a.147.147 0 0 1-.207 0 .147.147 0 0 1 0-.206l1.388-1.378a.147.147 0 0 1 .206 0m-1.584 1.575a.13.13 0 0 0 .178 0l1.387-1.378a.13.13 0 0 0 0-.178.13.13 0 0 0-.178 0l-1.387 1.378c-.047.047-.047.122 0 .178"
     />
     <path
+      d="M8.621 21.982c.047.056.047.14-.009.187l-.666.563a.134.134 0 0 1-.187-.02c-.047-.056-.047-.14.01-.187l.665-.562a.134.134 0 0 1 .187.018Z"
       fill="#F3F3F3"
-      d="M8.621 21.982c.047.056.047.14-.009.187l-.666.563a.134.134 0 0 1-.187-.02c-.047-.056-.047-.14.01-.187l.665-.562a.134.134 0 0 1 .187.018"
     />
     <path
+      d="M8.631 21.972c.057.066.047.16-.009.206l-.666.563c-.056.056-.15.047-.206-.02-.056-.065-.047-.159.01-.206l.665-.562c.056-.056.15-.047.206.019Zm-.862.74c.047.057.122.057.178.02l.666-.563a.13.13 0 0 0 .009-.178c-.047-.057-.122-.057-.178-.02l-.666.563c-.056.047-.056.122-.01.178Z"
       fill="#fff"
-      d="M8.631 21.972c.057.066.047.16-.009.206l-.666.563c-.056.056-.15.047-.206-.02-.056-.065-.047-.159.01-.206l.665-.562c.056-.056.15-.047.206.019m-.862.74c.047.057.122.057.178.02l.666-.563a.13.13 0 0 0 .009-.178c-.047-.057-.122-.057-.178-.02l-.666.563c-.056.047-.056.122-.01.178"
     />
     <path
+      d="M8.997 20.631a.127.127 0 0 1-.038.188l-1.63 1.087c-.066.038-.15.019-.188-.037a.127.127 0 0 1 .037-.188l1.632-1.087c.056-.038.14-.02.187.037Z"
       fill="#F3F3F3"
-      d="M8.997 20.631a.127.127 0 0 1-.038.188l-1.63 1.087c-.066.038-.15.019-.188-.037a.127.127 0 0 1 .037-.188l1.632-1.087c.056-.038.14-.02.187.037"
     />
     <path
+      d="M9.006 20.631a.15.15 0 0 1-.037.207l-1.631 1.087a.144.144 0 0 1-.206-.047.15.15 0 0 1 .037-.206L8.8 20.584a.144.144 0 0 1 .206.047ZM7.15 21.86a.122.122 0 0 0 .169.037L8.95 20.81c.056-.038.075-.113.028-.179a.122.122 0 0 0-.168-.037L7.178 21.68a.133.133 0 0 0-.028.178Z"
       fill="#fff"
-      d="M9.006 20.631a.15.15 0 0 1-.037.207l-1.631 1.087a.144.144 0 0 1-.206-.047.15.15 0 0 1 .037-.206L8.8 20.584a.144.144 0 0 1 .206.047M7.15 21.86a.122.122 0 0 0 .169.037L8.95 20.81c.056-.038.075-.113.028-.179a.122.122 0 0 0-.168-.037L7.178 21.68a.133.133 0 0 0-.028.178"
     />
     <path
+      d="M7.6 20.434a.137.137 0 0 1-.047.188l-.76.431c-.065.038-.15.01-.187-.056a.137.137 0 0 1 .047-.188l.76-.43c.065-.038.15-.01.187.055Z"
       fill="#F3F3F3"
-      d="M7.6 20.435a.136.136 0 0 1-.047.187l-.76.431c-.065.038-.15.01-.187-.056a.137.137 0 0 1 .047-.188l.76-.43c.065-.038.15-.01.187.055"
     />
     <path
+      d="M7.61 20.425c.037.075.018.16-.047.197l-.76.43a.15.15 0 0 1-.197-.055c-.037-.075-.018-.16.047-.197l.76-.431c.065-.038.16-.01.197.056Zm-.994.562c.037.066.112.085.169.047l.759-.431a.135.135 0 0 0 .047-.169c-.038-.065-.113-.084-.169-.047l-.76.431c-.056.029-.074.104-.046.17Z"
       fill="#fff"
-      d="M7.61 20.425c.037.075.018.16-.047.197l-.76.43a.15.15 0 0 1-.197-.055c-.037-.075-.018-.16.047-.197l.76-.431c.065-.038.16-.01.197.056m-.994.562c.037.066.112.085.169.047l.759-.431a.135.135 0 0 0 .047-.169c-.038-.065-.113-.084-.169-.047l-.76.431c-.056.029-.074.104-.046.17"
     />
     <path
+      d="M8.228 19.187c.028.075 0 .15-.075.178l-1.81.75c-.065.029-.15-.009-.178-.074-.028-.076 0-.15.075-.179l1.81-.75c.065-.028.15 0 .178.075Z"
       fill="#F3F3F3"
-      d="M8.228 19.187c.028.075 0 .15-.075.178l-1.81.75c-.065.029-.15-.009-.178-.074-.028-.076 0-.15.075-.179l1.81-.75c.065-.028.15 0 .178.075"
     />
     <path
+      d="M8.237 19.178c.028.075 0 .16-.075.197l-1.81.75a.146.146 0 0 1-.187-.084.155.155 0 0 1 .075-.197l1.81-.75a.145.145 0 0 1 .187.084Zm-2.053.853a.133.133 0 0 0 .16.075l1.809-.75a.127.127 0 0 0 .065-.168.134.134 0 0 0-.159-.075l-1.81.75a.127.127 0 0 0-.065.168Z"
       fill="#fff"
-      d="M8.237 19.178c.028.075 0 .16-.075.197l-1.81.75a.146.146 0 0 1-.187-.084.155.155 0 0 1 .075-.197l1.81-.75a.145.145 0 0 1 .187.084m-2.053.853a.133.133 0 0 0 .16.075l1.809-.75a.127.127 0 0 0 .065-.168.134.134 0 0 0-.159-.075l-1.81.75a.127.127 0 0 0-.065.168"
     />
     <path
+      d="M6.906 18.719c.028.075-.009.15-.084.178l-.825.272c-.066.028-.15-.02-.169-.085-.028-.075.01-.15.085-.178l.825-.272c.065-.028.14.01.168.085Z"
       fill="#F3F3F3"
-      d="M6.906 18.719a.135.135 0 0 1-.084.178l-.825.272c-.066.028-.15-.02-.169-.085-.028-.075.01-.15.085-.178l.825-.272c.065-.028.14.01.168.085"
     />
     <path
+      d="M6.915 18.71a.143.143 0 0 1-.094.187l-.825.272c-.075.028-.159-.019-.187-.094a.143.143 0 0 1 .094-.188l.825-.271a.16.16 0 0 1 .187.093Zm-1.087.356c.019.065.094.103.16.084l.824-.272c.066-.019.094-.094.075-.16-.019-.065-.094-.102-.16-.084l-.824.272a.13.13 0 0 0-.075.16Z"
       fill="#fff"
-      d="M6.915 18.71a.143.143 0 0 1-.094.187l-.825.272c-.075.028-.159-.019-.187-.094a.143.143 0 0 1 .094-.188l.825-.271a.16.16 0 0 1 .187.093m-1.087.356c.019.065.094.103.16.084l.824-.272c.066-.019.094-.094.075-.16-.019-.065-.094-.102-.16-.084l-.824.272a.13.13 0 0 0-.075.16"
     />
     <path
+      d="M7.75 17.603c.02.075-.028.15-.103.16l-1.922.375c-.075.018-.14-.038-.159-.113-.019-.075.028-.15.103-.16l1.922-.374c.075-.01.15.037.16.112Z"
       fill="#F3F3F3"
-      d="M7.75 17.603a.126.126 0 0 1-.103.16l-1.922.375c-.075.018-.14-.038-.159-.113a.127.127 0 0 1 .103-.16l1.922-.374c.075-.01.15.037.16.112"
     />
     <path
+      d="M7.769 17.603a.15.15 0 0 1-.113.178l-1.922.375c-.075.02-.15-.037-.168-.121a.15.15 0 0 1 .112-.179l1.922-.375c.075-.018.15.038.169.122Zm-2.185.422c.01.066.075.113.14.103l1.923-.375c.065-.01.112-.084.094-.15A.126.126 0 0 0 7.6 17.5l-1.922.375c-.066.019-.112.085-.094.15Z"
       fill="#fff"
-      d="M7.769 17.603a.15.15 0 0 1-.113.178l-1.922.375c-.075.02-.15-.037-.168-.121a.15.15 0 0 1 .112-.179l1.922-.375c.075-.018.15.038.169.122m-2.185.422c.01.066.075.113.14.103l1.923-.375c.065-.01.112-.084.094-.15A.126.126 0 0 0 7.6 17.5l-1.922.375c-.066.019-.112.085-.094.15"
     />
     <path
+      d="M6.55 16.881c.01.075-.038.141-.113.15l-.862.104a.136.136 0 0 1-.15-.122.13.13 0 0 1 .112-.15l.863-.104c.066-.009.14.047.15.122Z"
       fill="#F3F3F3"
-      d="M6.55 16.881a.13.13 0 0 1-.113.15l-.862.104a.136.136 0 0 1-.15-.122.13.13 0 0 1 .112-.15l.863-.104c.066-.009.14.047.15.122"
     />
     <path
+      d="M6.56 16.881c.009.085-.048.16-.123.17l-.862.102a.146.146 0 0 1-.16-.131c-.009-.084.047-.16.122-.169l.863-.103c.075-.01.15.047.16.131Zm-1.135.132c.01.065.075.122.14.112l.863-.103a.126.126 0 0 0 .103-.14c-.01-.066-.075-.122-.14-.113l-.863.103a.126.126 0 0 0-.103.14Z"
       fill="#fff"
-      d="M6.56 16.882c.009.084-.048.159-.123.168l-.862.103a.146.146 0 0 1-.16-.131c-.009-.084.047-.16.122-.169l.863-.103c.075-.01.15.047.16.131m-1.135.13c.01.066.075.123.14.113l.863-.103a.126.126 0 0 0 .103-.14c-.01-.066-.075-.122-.14-.113l-.863.103a.126.126 0 0 0-.103.14"
     />
     <path
+      d="M7.6 15.972c0 .075-.057.14-.132.14H5.51c-.075 0-.131-.065-.131-.14 0-.075.056-.14.131-.14h1.96c.074 0 .13.065.13.14Z"
       fill="#F3F3F3"
-      d="M7.6 15.972c0 .075-.057.14-.132.14H5.51c-.075 0-.131-.065-.131-.14 0-.075.056-.14.131-.14h1.96c.074 0 .13.065.13.14"
     />
     <path
+      d="M7.61 15.972c0 .084-.067.15-.142.15H5.51c-.075 0-.14-.066-.14-.15 0-.085.065-.15.14-.15h1.96c.075 0 .14.065.14.15Zm-2.223-.01c0 .066.056.132.122.132h1.96c.065 0 .121-.057.121-.132 0-.065-.056-.13-.122-.13H5.51c-.065.008-.122.065-.122.13Z"
       fill="#fff"
-      d="M7.61 15.972c0 .084-.067.15-.142.15H5.51c-.075 0-.14-.066-.14-.15 0-.085.065-.15.14-.15h1.96c.075 0 .14.065.14.15m-2.223-.01c0 .066.056.132.122.132h1.96c.065 0 .121-.057.121-.132 0-.065-.056-.13-.122-.13H5.51c-.065.008-.122.065-.122.13"
     />
     <path
+      d="M6.56 15.025c-.01.075-.066.131-.141.131l-.872-.066a.137.137 0 0 1-.122-.15c.01-.075.066-.13.14-.13l.872.065c.066.01.122.075.122.15Z"
       fill="#E2E2E2"
-      d="M6.56 15.025c-.01.075-.066.131-.141.131l-.872-.066a.137.137 0 0 1-.122-.15c.01-.075.066-.13.14-.13l.872.065c.066.01.122.075.122.15"
     />
     <path
+      d="M6.569 15.025a.152.152 0 0 1-.15.14l-.872-.065c-.075-.01-.14-.075-.131-.16a.152.152 0 0 1 .15-.14l.871.066c.075.009.132.084.132.159Zm-1.144-.084a.119.119 0 0 0 .112.131l.872.066c.066 0 .122-.047.132-.122a.119.119 0 0 0-.113-.132l-.872-.065c-.065 0-.122.056-.131.122Z"
       fill="#fff"
-      d="M6.569 15.025a.152.152 0 0 1-.15.14l-.872-.065a.148.148 0 0 1-.131-.16.152.152 0 0 1 .15-.14l.871.066c.075.009.132.084.132.159m-1.144-.084a.119.119 0 0 0 .112.131l.872.066c.066 0 .122-.047.132-.122a.119.119 0 0 0-.113-.132l-.872-.065c-.065 0-.122.056-.131.122"
     />
     <path
+      d="M7.769 14.34a.144.144 0 0 1-.16.113l-1.921-.394c-.075-.018-.122-.084-.103-.159a.144.144 0 0 1 .159-.112l1.922.384c.065.019.112.094.103.169Z"
       fill="#F3F3F3"
-      d="M7.769 14.34a.144.144 0 0 1-.16.113l-1.921-.394c-.075-.018-.122-.084-.104-.159a.144.144 0 0 1 .16-.112l1.922.384c.065.019.112.094.103.169"
     />
     <path
+      d="M7.778 14.34a.153.153 0 0 1-.169.122l-1.922-.384a.15.15 0 0 1-.112-.178.153.153 0 0 1 .168-.122l1.922.384c.075.02.122.094.113.178Zm-2.185-.44a.134.134 0 0 0 .094.15l1.922.384a.133.133 0 0 0 .15-.103.135.135 0 0 0-.094-.15l-1.921-.384c-.075-.01-.132.037-.15.103Z"
       fill="#fff"
-      d="M7.778 14.34a.153.153 0 0 1-.169.122l-1.922-.384a.15.15 0 0 1-.112-.178.153.153 0 0 1 .168-.122l1.922.384c.075.02.122.094.113.178m-2.185-.44a.134.134 0 0 0 .094.15l1.922.384a.133.133 0 0 0 .15-.103.135.135 0 0 0-.094-.15l-1.921-.384c-.075-.01-.132.037-.15.103"
     />
     <path
+      d="M6.925 13.216a.142.142 0 0 1-.063.086.14.14 0 0 1-.106.017l-.844-.235c-.075-.018-.112-.093-.093-.168a.139.139 0 0 1 .114-.106.141.141 0 0 1 .054.003l.844.234c.075.019.113.094.094.169Z"
       fill="#F3F3F3"
-      d="M6.925 13.216a.142.142 0 0 1-.063.086.14.14 0 0 1-.106.017l-.844-.235c-.075-.018-.112-.093-.093-.168a.139.139 0 0 1 .114-.106.141.141 0 0 1 .054.003l.844.234c.075.019.113.094.094.169"
     />
     <path
+      d="M6.935 13.216c-.019.075-.103.13-.178.103l-.844-.235a.15.15 0 0 1-.103-.178c.018-.075.103-.131.178-.103l.844.235c.075.018.122.093.103.178Zm-1.097-.31c-.019.066.019.14.084.16l.844.234c.066.019.131-.019.15-.094.019-.066-.019-.14-.084-.16l-.844-.233a.134.134 0 0 0-.15.093Z"
       fill="#fff"
-      d="M6.935 13.216c-.019.075-.103.13-.178.103l-.844-.235a.15.15 0 0 1-.103-.178c.018-.075.103-.131.178-.103l.844.235c.075.018.122.093.103.178m-1.097-.31a.132.132 0 0 0 .084.16l.844.234c.066.019.131-.019.15-.094a.132.132 0 0 0-.084-.16l-.844-.233a.134.134 0 0 0-.15.093"
     />
     <path
+      d="M8.247 12.766c-.028.075-.113.103-.178.075l-1.81-.75c-.066-.028-.103-.113-.075-.178a.134.134 0 0 1 .178-.075l1.81.75c.075.028.103.112.075.178Z"
       fill="#F3F3F3"
-      d="M8.247 12.766a.134.134 0 0 1-.178.075l-1.81-.75c-.066-.028-.103-.113-.075-.178a.134.134 0 0 1 .178-.075l1.81.75a.134.134 0 0 1 .075.178"
     />
     <path
+      d="M8.256 12.775a.146.146 0 0 1-.187.085l-1.81-.75c-.075-.029-.103-.113-.075-.197a.145.145 0 0 1 .188-.085l1.81.75c.074.038.103.122.074.197Zm-2.053-.853c-.028.066 0 .14.066.169l1.81.75c.065.028.13-.01.159-.075a.127.127 0 0 0-.066-.169l-1.81-.75c-.065-.019-.14.01-.159.075Z"
       fill="#fff"
-      d="M8.256 12.775a.146.146 0 0 1-.187.085l-1.81-.75c-.075-.029-.103-.113-.075-.197a.145.145 0 0 1 .188-.085l1.81.75a.155.155 0 0 1 .074.197m-2.053-.853c-.028.066 0 .14.066.169l1.81.75c.065.028.13-.01.159-.075a.127.127 0 0 0-.066-.169l-1.81-.75c-.065-.019-.14.01-.159.075"
     />
     <path
+      d="M7.638 11.5c-.038.066-.113.094-.179.066l-.778-.394c-.065-.028-.093-.113-.056-.188.038-.065.113-.094.178-.065l.778.393c.066.038.094.123.057.188Z"
       fill="#F3F3F3"
-      d="M7.638 11.5c-.038.066-.113.094-.179.066l-.778-.394c-.065-.028-.093-.113-.056-.188.038-.065.113-.094.178-.065l.778.393c.066.038.094.123.057.188"
     />
     <path
+      d="M7.647 11.51a.143.143 0 0 1-.197.065l-.778-.394a.143.143 0 0 1-.066-.196.143.143 0 0 1 .197-.066l.778.394c.075.028.103.122.066.196Zm-1.013-.516c-.028.066-.009.14.057.169l.778.393c.056.029.131 0 .169-.056.028-.066.009-.14-.057-.169l-.787-.393a.116.116 0 0 0-.16.056Z"
       fill="#fff"
-      d="M7.647 11.51a.143.143 0 0 1-.197.065l-.778-.394a.143.143 0 0 1-.066-.196.143.143 0 0 1 .197-.066l.778.394c.075.028.103.122.066.196m-1.013-.516c-.028.066-.009.14.057.169l.778.393c.056.029.131 0 .169-.056.028-.066.009-.14-.057-.169l-.787-.393a.116.116 0 0 0-.16.056"
     />
     <path
+      d="M9.015 11.322c-.047.066-.122.084-.187.037l-1.622-1.078c-.066-.037-.075-.122-.038-.187a.127.127 0 0 1 .188-.038l1.631 1.088c.056.037.075.122.028.178Z"
       fill="#F3F3F3"
-      d="M9.015 11.322c-.047.066-.122.084-.187.037l-1.622-1.078c-.066-.037-.075-.122-.038-.187a.127.127 0 0 1 .188-.038l1.631 1.088c.056.037.075.122.028.178"
     />
     <path
+      d="M9.025 11.331a.162.162 0 0 1-.206.047l-1.622-1.087a.148.148 0 0 1-.038-.207.162.162 0 0 1 .206-.046l1.622 1.087c.075.047.085.14.038.206Zm-1.847-1.237c-.038.056-.028.14.028.178l1.631 1.088a.122.122 0 0 0 .169-.038c.037-.056.028-.14-.028-.178l-1.631-1.088a.122.122 0 0 0-.17.038Z"
       fill="#fff"
-      d="M9.025 11.331a.162.162 0 0 1-.206.047l-1.622-1.087a.148.148 0 0 1-.038-.207.162.162 0 0 1 .206-.046l1.622 1.087c.075.047.085.14.038.206m-1.847-1.237c-.038.056-.028.14.028.178l1.631 1.088a.122.122 0 0 0 .169-.038c.037-.056.028-.14-.028-.178l-1.631-1.088a.122.122 0 0 0-.17.038"
     />
     <path
+      d="M8.669 9.962c-.047.057-.131.075-.188.028l-.684-.534a.134.134 0 0 1-.019-.187c.047-.057.132-.075.188-.028l.684.534a.134.134 0 0 1 .019.187Z"
       fill="#F3F3F3"
-      d="M8.669 9.962c-.047.057-.131.075-.188.028l-.684-.534a.134.134 0 0 1-.019-.187c.047-.057.132-.075.188-.028l.684.534a.134.134 0 0 1 .019.187"
     />
     <path
+      d="M8.678 9.972c-.047.066-.14.075-.206.028l-.685-.534c-.065-.047-.075-.14-.028-.206.047-.066.14-.075.206-.028l.685.534c.065.047.075.14.028.206Zm-.9-.703c-.047.056-.038.131.019.178l.684.535a.133.133 0 0 0 .178-.029c.047-.056.038-.13-.019-.178l-.684-.534a.133.133 0 0 0-.178.028Z"
       fill="#fff"
-      d="M8.678 9.972c-.047.066-.14.075-.206.028l-.685-.534c-.065-.047-.075-.14-.028-.206.047-.066.14-.075.206-.028l.685.534c.065.047.075.14.028.206m-.9-.703c-.047.056-.038.131.019.178l.684.535a.133.133 0 0 0 .178-.029c.047-.056.038-.13-.019-.178l-.684-.534a.133.133 0 0 0-.178.028"
     />
     <path
+      d="M10.065 10.056c-.056.057-.14.057-.187 0L8.48 8.678a.133.133 0 0 1 0-.187c.056-.057.14-.057.187 0l1.388 1.378c.056.047.056.14.01.187Z"
       fill="#F3F3F3"
-      d="M10.065 10.056c-.056.057-.14.057-.187 0L8.48 8.678a.133.133 0 0 1 0-.187c.056-.057.14-.057.187 0l1.388 1.378c.056.047.056.14.01.187"
     />
     <path
+      d="M10.066 10.066a.147.147 0 0 1-.206 0L8.472 8.687a.147.147 0 0 1 0-.206.147.147 0 0 1 .206 0l1.388 1.378a.133.133 0 0 1 0 .207ZM8.49 8.5a.13.13 0 0 0 0 .178l1.387 1.378a.13.13 0 0 0 .178 0 .13.13 0 0 0 0-.178L8.67 8.491c-.047-.047-.122-.047-.178.009Z"
       fill="#fff"
-      d="M10.066 10.066a.147.147 0 0 1-.206 0L8.472 8.687a.147.147 0 0 1 0-.206.147.147 0 0 1 .206 0l1.388 1.378a.133.133 0 0 1 0 .207M8.49 8.5a.13.13 0 0 0 0 .178l1.387 1.378a.13.13 0 0 0 .178 0 .13.13 0 0 0 0-.178L8.67 8.491c-.047-.047-.122-.047-.178.009"
     />
     <path
+      d="M9.982 8.66c-.057.046-.141.046-.188-.01l-.572-.656a.134.134 0 0 1 .019-.188c.056-.047.14-.047.187.01l.572.656c.047.047.038.131-.018.187Z"
       fill="#F3F3F3"
-      d="M9.982 8.66c-.057.046-.141.046-.188-.01l-.572-.656a.134.134 0 0 1 .019-.188c.056-.047.14-.047.187.01l.572.656c.047.047.038.131-.018.187"
     />
     <path
+      d="M9.99 8.66a.147.147 0 0 1-.206-.01l-.572-.656c-.056-.057-.046-.15.02-.207a.147.147 0 0 1 .205.01l.572.656c.047.066.047.16-.018.206Zm-.75-.854c-.056.047-.056.122-.018.178l.572.657a.13.13 0 0 0 .178.009c.056-.047.056-.122.019-.178l-.572-.656c-.047-.057-.122-.057-.178-.01Z"
       fill="#fff"
-      d="M9.99 8.66a.147.147 0 0 1-.206-.01l-.572-.656c-.056-.057-.046-.15.02-.207a.147.147 0 0 1 .205.01l.572.656c.047.066.047.16-.018.206m-.75-.854c-.056.047-.056.122-.018.178l.572.657a.13.13 0 0 0 .178.009c.056-.047.056-.122.019-.178l-.572-.656c-.047-.057-.122-.057-.178-.01"
     />
     <path
+      d="M11.332 9.016a.127.127 0 0 1-.188-.038l-1.097-1.622c-.037-.065-.019-.15.038-.187a.127.127 0 0 1 .187.037l1.088 1.622a.133.133 0 0 1-.028.188Z"
       fill="#F3F3F3"
-      d="M11.332 9.016a.127.127 0 0 1-.188-.038l-1.097-1.622c-.037-.065-.019-.15.038-.187a.127.127 0 0 1 .187.037l1.088 1.622a.133.133 0 0 1-.028.188"
     />
     <path
+      d="M11.331 9.025a.15.15 0 0 1-.206-.037l-1.088-1.622a.144.144 0 0 1 .047-.206.15.15 0 0 1 .206.037l1.088 1.622a.143.143 0 0 1-.047.206Zm-1.238-1.847a.122.122 0 0 0-.037.17l1.087 1.62c.038.057.113.067.178.029a.122.122 0 0 0 .038-.169l-1.087-1.612a.134.134 0 0 0-.179-.038Z"
       fill="#fff"
-      d="M11.331 9.025a.15.15 0 0 1-.206-.037l-1.088-1.622a.144.144 0 0 1 .047-.206.15.15 0 0 1 .206.037l1.088 1.622a.143.143 0 0 1-.047.206m-1.238-1.847a.122.122 0 0 0-.037.17l1.087 1.62c.038.057.113.067.178.029a.122.122 0 0 0 .038-.169l-1.087-1.612a.134.134 0 0 0-.179-.038"
     />
     <path
+      d="M11.528 7.628a.136.136 0 0 1-.188-.047l-.43-.759c-.038-.066-.01-.15.055-.188a.137.137 0 0 1 .188.047l.431.76c.028.065.01.15-.056.187Z"
       fill="#F3F3F3"
-      d="M11.528 7.628a.136.136 0 0 1-.188-.047l-.43-.759c-.038-.066-.01-.15.055-.188a.137.137 0 0 1 .188.047l.431.76c.028.065.01.15-.056.187"
     />
     <path
+      d="M11.528 7.638c-.075.037-.16.018-.197-.047l-.43-.76c-.038-.065-.02-.159.056-.197.074-.037.159-.018.196.047l.431.76c.038.065.02.15-.056.197Zm-.562-.994c-.056.037-.084.112-.047.169l.431.759a.134.134 0 0 0 .169.047c.056-.038.084-.113.047-.169l-.432-.76c-.027-.055-.112-.084-.168-.046Z"
       fill="#fff"
-      d="M11.528 7.638c-.075.037-.16.018-.197-.047l-.43-.76a.141.141 0 0 1 .056-.197c.074-.037.159-.018.196.047l.431.76c.038.065.02.15-.056.197m-.562-.994c-.056.037-.084.112-.047.169l.431.759a.134.134 0 0 0 .169.047c.056-.038.084-.113.047-.169l-.432-.76c-.027-.055-.112-.084-.168-.046"
     />
     <path
+      d="M12.775 8.247c-.075.028-.15 0-.178-.066l-.76-1.81c-.027-.065.01-.15.075-.178.075-.028.15 0 .179.066l.759 1.81c.028.065-.01.15-.075.178Z"
       fill="#F3F3F3"
-      d="M12.775 8.247c-.075.028-.15 0-.178-.066l-.76-1.81c-.027-.065.01-.15.075-.178.075-.028.15 0 .179.066l.759 1.81c.028.065-.01.15-.075.178"
     />
     <path
+      d="M12.775 8.256a.155.155 0 0 1-.197-.075l-.759-1.809a.146.146 0 0 1 .084-.188c.075-.028.16 0 .197.075l.76 1.81c.028.065-.01.15-.085.187Zm-.853-2.053c-.065.028-.094.103-.065.16l.759 1.809a.127.127 0 0 0 .169.066c.065-.029.094-.104.065-.16l-.76-1.81c-.037-.065-.102-.093-.168-.065Z"
       fill="#fff"
-      d="M12.775 8.256a.155.155 0 0 1-.197-.075l-.759-1.809a.146.146 0 0 1 .084-.187c.075-.029.16 0 .197.075l.76 1.809c.028.065-.01.15-.085.187m-.853-2.053c-.065.028-.094.103-.065.16l.759 1.809a.127.127 0 0 0 .169.066c.065-.029.094-.104.065-.16l-.76-1.81c-.037-.065-.102-.093-.168-.065"
     />
     <path
+      d="M13.234 6.916c-.075.028-.15-.01-.178-.085l-.272-.825c-.028-.065.019-.15.084-.168.066-.02.15.009.178.084l.272.825c.028.066-.01.14-.084.169Z"
       fill="#F3F3F3"
-      d="M13.234 6.916c-.075.028-.15-.01-.178-.085l-.272-.825c-.028-.065.019-.15.084-.168.066-.02.15.009.178.084l.272.825c.028.066-.01.14-.084.169"
     />
     <path
+      d="M13.244 6.925a.146.146 0 0 1-.187-.084l-.272-.825c-.028-.075.018-.16.094-.188a.146.146 0 0 1 .187.085l.272.825a.16.16 0 0 1-.094.187Zm-.365-1.078c-.066.019-.104.094-.085.16l.272.824c.019.066.094.094.16.075.065-.018.102-.093.084-.159l-.272-.825a.12.12 0 0 0-.111-.084.118.118 0 0 0-.048.01Z"
       fill="#fff"
-      d="M13.244 6.925a.146.146 0 0 1-.187-.084l-.272-.825c-.028-.075.018-.16.094-.188a.146.146 0 0 1 .187.085l.272.825a.16.16 0 0 1-.094.187m-.365-1.078a.13.13 0 0 0-.085.16l.272.824c.019.066.094.094.16.075.065-.018.102-.093.084-.159l-.272-.825a.12.12 0 0 0-.111-.084.118.118 0 0 0-.048.01"
     />
     <path
+      d="M14.34 7.769c-.075.019-.15-.028-.16-.103l-.393-1.922c-.019-.075.038-.14.113-.16.075-.018.15.029.159.104l.394 1.922a.15.15 0 0 1-.113.159Z"
       fill="#F3F3F3"
-      d="M14.34 7.769a.127.127 0 0 1-.16-.103l-.393-1.922c-.019-.075.038-.14.113-.16.075-.018.15.029.159.104l.394 1.922a.15.15 0 0 1-.113.159"
     />
     <path
+      d="M14.34 7.778a.15.15 0 0 1-.178-.112l-.393-1.922c-.02-.075.037-.16.112-.169a.15.15 0 0 1 .178.113l.394 1.922c.019.075-.028.15-.112.168Zm-.44-2.184c-.066.01-.113.075-.103.15l.394 1.922c.009.065.084.112.15.094.065-.01.112-.075.103-.15l-.394-1.922a.134.134 0 0 0-.15-.094Z"
       fill="#fff"
-      d="M14.34 7.778a.15.15 0 0 1-.178-.112l-.393-1.922c-.02-.075.037-.16.112-.169a.15.15 0 0 1 .178.113l.394 1.922c.019.075-.028.15-.112.168m-.44-2.184c-.066.01-.113.075-.103.15l.394 1.922c.009.065.084.112.15.094.065-.01.112-.075.103-.15l-.394-1.922a.134.134 0 0 0-.15-.094"
     />
     <path
+      d="M15.053 6.55a.144.144 0 0 1-.16-.112l-.112-.863a.137.137 0 0 1 .122-.15c.075-.01.14.038.16.113l.112.862a.136.136 0 0 1-.122.15Z"
       fill="#F3F3F3"
-      d="M15.053 6.55a.144.144 0 0 1-.16-.112l-.112-.863a.137.137 0 0 1 .122-.15c.075-.01.14.038.16.113l.112.862a.136.136 0 0 1-.122.15"
     />
     <path
+      d="M15.053 6.56c-.084.009-.159-.047-.168-.122l-.113-.863a.146.146 0 0 1 .131-.16c.085-.009.16.048.17.123l.112.862a.146.146 0 0 1-.132.16Zm-.14-1.126c-.066.01-.122.075-.113.141l.113.863c.01.065.075.112.14.103.066-.01.122-.075.113-.14l-.113-.863a.126.126 0 0 0-.14-.104Z"
       fill="#fff"
-      d="M15.054 6.56c-.085.009-.16-.047-.17-.122l-.112-.863a.146.146 0 0 1 .131-.16c.085-.009.16.048.17.123l.112.862a.146.146 0 0 1-.132.16m-.141-1.126c-.066.01-.122.075-.113.141l.113.863c.01.065.075.112.14.103.066-.01.122-.075.113-.14l-.113-.863a.126.126 0 0 0-.14-.104"
     />
     <path
+      d="M16.066 27.09c6.13 0 11.1-4.97 11.1-11.1s-4.97-11.1-11.1-11.1-11.1 4.97-11.1 11.1 4.97 11.1 11.1 11.1Z"
       fill="url(#Name=safari_svg__c)"
-      fillOpacity={0.2}
-      d="M16.066 27.09c6.13 0 11.1-4.97 11.1-11.1s-4.97-11.1-11.1-11.1-11.1 4.97-11.1 11.1 4.97 11.1 11.1 11.1"
+      fillOpacity=".2"
     />
     <path
+      d="M23.753 8.95 14.8 14.688h-.01v.009l-.009.01-5.587 9.215 8.212-6.61.01-.009v-.01l6.337-8.343Z"
       fill="#000"
-      fillOpacity={0.05}
-      d="M23.753 8.95 14.8 14.688h-.01v.009l-.009.01-5.587 9.215 8.212-6.61.01-.009v-.01z"
+      fillOpacity=".05"
     />
-    <path fill="#CD151E" d="m23.584 8.415-8.85 6.291 2.625 2.606z" />
-    <path fill="#FA5153" d="m14.744 14.687 1.322 1.303 7.518-7.575z" />
-    <path fill="#ACACAC" d="m14.743 14.688 2.625 2.606-8.85 6.29z" />
-    <path fill="#EEE" d="m8.518 23.584 7.547-7.593-1.322-1.303z" />
+    <path
+      d="m23.584 8.415-8.85 6.291 2.625 2.606 6.225-8.897Z"
+      fill="#CD151E"
+    />
+    <path
+      d="m14.744 14.687 1.322 1.303 7.518-7.575-8.84 6.272Z"
+      fill="#FA5153"
+    />
+    <path
+      d="m14.743 14.688 2.625 2.606-8.85 6.29 6.225-8.896Z"
+      fill="#ACACAC"
+    />
+    <path d="m8.518 23.584 7.547-7.593-1.322-1.303-6.225 8.896Z" fill="#EEE" />
     <defs>
       <linearGradient
         id="Name=safari_svg__a"
-        x1={16}
-        x2={16}
-        y1={28}
-        y2={4}
+        x1="16"
+        y1="28"
+        x2="16"
+        y2="4"
         gradientUnits="userSpaceOnUse"
       >
-        <stop offset={0.25} stopColor="#DBDBDA" />
-        <stop offset={1} stopColor="#fff" />
+        <stop offset=".25" stopColor="#DBDBDA" />
+        <stop offset="1" stopColor="#fff" />
       </linearGradient>
       <linearGradient
         id="Name=safari_svg__c"
-        x1={15.855}
-        x2={10.674}
-        y1={12.817}
-        y2={22.112}
+        x1="15.855"
+        y1="12.817"
+        x2="10.674"
+        y2="22.112"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stopOpacity={0} />
-        <stop offset={1} />
+        <stop stopOpacity="0" />
+        <stop offset="1" />
       </linearGradient>
       <radialGradient
         id="Name=safari_svg__b"
-        cx={0}
-        cy={0}
-        r={1}
-        gradientTransform="translate(17.56 13.562)scale(13.5491)"
+        cx="0"
+        cy="0"
+        r="1"
         gradientUnits="userSpaceOnUse"
+        gradientTransform="translate(17.56 13.562) scale(13.5491)"
       >
         <stop stopColor="#2ABCE1" />
-        <stop offset={0.114} stopColor="#2ABBE1" />
-        <stop offset={1} stopColor="#3375F8" />
+        <stop offset=".114" stopColor="#2ABBE1" />
+        <stop offset="1" stopColor="#3375F8" />
       </radialGradient>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/Slack.tsx b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
index 992bb16726..f35190fafa 100644
--- a/frontend/pages/SoftwarePage/components/icons/Slack.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
@@ -4,36 +4,28 @@ import type { SVGProps } from "react";
 
 const Slack = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <g
-      fillRule="evenodd"
-      clipPath="url(#Name=slack_clippath)"
-      clipRule="evenodd"
-    >
+    <path fill="#fff" d="M0 0h32v32H0z" />
+    <g clipPath="url(#slack_clippath)" fillRule="evenodd" clipRule="evenodd">
       <path
+        d="M13.066 5c-1.216 0-2.2.988-2.2 2.204 0 1.216.985 2.203 2.201 2.204h2.2V7.205A2.204 2.204 0 0 0 13.067 5Zm0 5.878H7.2A2.202 2.202 0 0 0 5 13.082a2.202 2.202 0 0 0 2.2 2.205h5.866a2.202 2.202 0 0 0 2.2-2.204 2.202 2.202 0 0 0-2.2-2.205Z"
         fill="#36C5F0"
-        d="M13.066 5a2.204 2.204 0 0 0 .001 4.408h2.2V7.205A2.204 2.204 0 0 0 13.067 5m0 5.878H7.2A2.202 2.202 0 0 0 5 13.082a2.202 2.202 0 0 0 2.2 2.205h5.866a2.202 2.202 0 0 0 2.2-2.204 2.202 2.202 0 0 0-2.2-2.205"
       />
       <path
+        d="M27 13.082a2.202 2.202 0 0 0-2.2-2.204 2.202 2.202 0 0 0-2.2 2.204v2.205h2.2a2.202 2.202 0 0 0 2.2-2.205Zm-5.867 0V7.204A2.203 2.203 0 0 0 18.933 5a2.202 2.202 0 0 0-2.2 2.204v5.878a2.202 2.202 0 0 0 2.2 2.205 2.202 2.202 0 0 0 2.2-2.205Z"
         fill="#2EB67D"
-        d="M27 13.082a2.202 2.202 0 0 0-2.2-2.204 2.202 2.202 0 0 0-2.2 2.204v2.205h2.2a2.202 2.202 0 0 0 2.2-2.205m-5.867 0V7.204A2.203 2.203 0 0 0 18.933 5a2.202 2.202 0 0 0-2.2 2.204v5.878a2.202 2.202 0 0 0 2.2 2.205 2.202 2.202 0 0 0 2.2-2.205"
       />
       <path
+        d="M18.933 27.044a2.202 2.202 0 0 0 2.2-2.204 2.202 2.202 0 0 0-2.2-2.204h-2.2v2.204c-.001 1.215.984 2.202 2.2 2.204Zm0-5.88H24.8a2.202 2.202 0 0 0 2.2-2.203 2.202 2.202 0 0 0-2.2-2.205h-5.866a2.202 2.202 0 0 0-2.2 2.204c-.001 1.217.983 2.204 2.199 2.205Z"
         fill="#ECB22E"
-        d="M18.933 27.044a2.202 2.202 0 0 0 2.2-2.204 2.202 2.202 0 0 0-2.2-2.204h-2.2v2.204a2.203 2.203 0 0 0 2.2 2.204m0-5.88H24.8a2.202 2.202 0 0 0 2.2-2.203 2.202 2.202 0 0 0-2.2-2.205h-5.866a2.202 2.202 0 0 0-2.2 2.204 2.202 2.202 0 0 0 2.199 2.205"
       />
       <path
+        d="M5 18.96c0 1.217.984 2.204 2.2 2.205a2.202 2.202 0 0 0 2.2-2.204v-2.204H7.2A2.202 2.202 0 0 0 5 18.96Zm5.867 0v5.88a2.202 2.202 0 0 0 2.2 2.204 2.202 2.202 0 0 0 2.2-2.204v-5.877a2.2 2.2 0 1 0-4.4-.002Z"
         fill="#E01E5A"
-        d="M5 18.96c0 1.217.984 2.204 2.2 2.205a2.202 2.202 0 0 0 2.2-2.204v-2.204H7.2A2.202 2.202 0 0 0 5 18.96m5.867 0v5.88a2.202 2.202 0 0 0 2.2 2.204 2.202 2.202 0 0 0 2.2-2.204v-5.877a2.2 2.2 0 1 0-4.4-.002"
       />
     </g>
     <defs>
-      <clipPath id="Name=slack_clippath">
-        <path fill="#fff" d="M5 5h22v22.044H5z" />
+      <clipPath id="slack_clippath">
+        <path fill="#fff" transform="translate(5 5)" d="M0 0h22v22.044H0z" />
       </clipPath>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/Teams.tsx b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
index dfb64170cb..942aa36c1b 100644
--- a/frontend/pages/SoftwarePage/components/icons/Teams.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
@@ -4,79 +4,75 @@ import type { SVGProps } from "react";
 
 const Teams = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
     <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
+      d="M20.043 14.009h5.94c.562 0 1.017.453 1.017 1.014v5.401a3.732 3.732 0 0 1-3.736 3.73h-.016a3.732 3.732 0 0 1-3.736-3.73v-5.883c0-.294.238-.532.53-.532Zm4.016-1.068a2.405 2.405 0 0 0 2.405-2.402 2.405 2.405 0 0 0-2.406-2.403 2.405 2.405 0 0 0-2.407 2.403 2.405 2.405 0 0 0 2.407 2.402h.001Z"
       fill="#5059C9"
-      d="M20.043 14.009h5.94c.562 0 1.017.453 1.017 1.014v5.401a3.732 3.732 0 0 1-3.736 3.73h-.016a3.732 3.732 0 0 1-3.736-3.73v-5.883c0-.294.238-.532.53-.532m4.016-1.068a2.405 2.405 0 0 0 2.405-2.402 2.405 2.405 0 0 0-2.406-2.403 2.405 2.405 0 0 0-2.407 2.403 2.405 2.405 0 0 0 2.407 2.402z"
     />
     <path
+      d="M16.57 12.941a3.473 3.473 0 0 0 3.212-4.8A3.474 3.474 0 0 0 16.568 6a3.474 3.474 0 0 0-3.476 3.47 3.473 3.473 0 0 0 3.476 3.471h.002Zm4.636 1.068h-9.808a1.004 1.004 0 0 0-.98 1.027v6.16a6.028 6.028 0 0 0 5.884 6.161 6.027 6.027 0 0 0 5.884-6.16v-6.161a1.004 1.004 0 0 0-.98-1.027Z"
       fill="#7B83EB"
-      d="M16.57 12.941a3.473 3.473 0 0 0 3.212-4.8A3.474 3.474 0 0 0 16.568 6a3.473 3.473 0 0 0-3.476 3.47 3.473 3.473 0 0 0 3.476 3.471zm4.636 1.068h-9.808a1.004 1.004 0 0 0-.98 1.027v6.16a6.027 6.027 0 0 0 5.884 6.161 6.027 6.027 0 0 0 5.884-6.16v-6.161a1.004 1.004 0 0 0-.98-1.027"
     />
     <path
+      opacity=".1"
+      d="M16.837 14.009v8.633a.982.982 0 0 1-.979.978h-4.97a6.491 6.491 0 0 1-.471-2.425v-6.16a1 1 0 0 1 .98-1.024h5.439l.001-.002Z"
       fill="#000"
-      d="M16.837 14.009v8.633a.982.982 0 0 1-.979.978h-4.97a6.491 6.491 0 0 1-.471-2.425v-6.16a1 1 0 0 1 .98-1.024h5.439z"
-      opacity={0.1}
     />
     <path
+      opacity=".2"
+      d="M16.302 14.009v9.167a.985.985 0 0 1-.98.978h-4.18a5.293 5.293 0 0 1-.44-1.068 6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903l-.001.002Z"
       fill="#000"
-      d="M16.302 14.009v9.167a.985.985 0 0 1-.98.978h-4.18a5.293 5.293 0 0 1-.44-1.068 6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903z"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M16.302 14.009v8.1a.985.985 0 0 1-.98.977h-4.62a6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903l-.001.002Z"
       fill="#000"
-      d="M16.302 14.009v8.1a.985.985 0 0 1-.98.977h-4.62a6.49 6.49 0 0 1-.282-1.89v-6.164a1 1 0 0 1 .98-1.025h4.903z"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M15.768 14.009v8.1a.986.986 0 0 1-.98.977h-4.087a6.493 6.493 0 0 1-.282-1.89v-6.164a1.002 1.002 0 0 1 .979-1.025l4.37.002Z"
       fill="#000"
-      d="M15.768 14.009v8.1a.986.986 0 0 1-.98.977h-4.087a6.493 6.493 0 0 1-.282-1.89v-6.164a1.004 1.004 0 0 1 .979-1.025z"
-      opacity={0.2}
     />
     <path
+      opacity=".1"
+      d="M16.837 11.249v1.682c-.09.005-.175.01-.267.01-.09 0-.176-.005-.268-.01a3.475 3.475 0 0 1-3.114-2.66h2.67a.982.982 0 0 1 .98.976v.002Z"
       fill="#000"
-      d="M16.837 11.249v1.682c-.09.005-.175.01-.267.01-.09 0-.176-.005-.268-.01a3.475 3.475 0 0 1-3.113-2.66h2.67a.982.982 0 0 1 .978.976z"
-      opacity={0.1}
     />
     <path
+      opacity=".2"
+      d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976Z"
       fill="#000"
-      d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976Z"
       fill="#000"
-      d="M16.302 11.783v1.148a3.475 3.475 0 0 1-2.941-2.124h1.963a.982.982 0 0 1 .978.976"
-      opacity={0.2}
     />
     <path
+      opacity=".2"
+      d="M15.768 11.783v1.063a3.474 3.474 0 0 1-2.407-2.04h1.43a.982.982 0 0 1 .977.977Z"
       fill="#000"
-      d="M15.768 11.783v1.063a3.474 3.474 0 0 1-2.407-2.04h1.43a.982.982 0 0 1 .977.977"
-      opacity={0.2}
     />
     <path
-      fill="url(#Name=teams_svg__a)"
-      d="M4.98 10.805h9.807a.98.98 0 0 1 .98.98v9.788a.98.98 0 0 1-.98.979H4.979a.98.98 0 0 1-.979-.98v-9.787c0-.543.439-.98.98-.98"
+      d="M4.98 10.805h9.807a.98.98 0 0 1 .98.98v9.788a.98.98 0 0 1-.98.979H4.979a.98.98 0 0 1-.979-.98v-9.787c0-.543.439-.98.98-.98Z"
+      fill="url(#teams_svg__a)"
     />
     <path
+      d="M12.464 14.531h-1.96v5.328H9.256v-5.328H7.301v-1.035h5.16l.002 1.035Z"
       fill="#fff"
-      d="M12.464 14.531h-1.96v5.328H9.256v-5.328H7.302v-1.035h5.16z"
     />
     <defs>
       <linearGradient
-        id="Name=teams_svg__a"
-        x1={6.044}
-        x2={13.703}
-        y1={10.041}
-        y2={23.329}
+        id="teams_svg__a"
+        x1="6.044"
+        y1="10.041"
+        x2="13.703"
+        y2="23.329"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#5A62C3" />
-        <stop offset={0.5} stopColor="#4D55BD" />
-        <stop offset={1} stopColor="#3940AB" />
+        <stop offset=".5" stopColor="#4D55BD" />
+        <stop offset="1" stopColor="#3940AB" />
       </linearGradient>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
index 1c209468e5..f5ee519edc 100644
--- a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
@@ -3,33 +3,29 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const VisualStudioCode = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
     <g clipPath="url(#Name=vsc_clippath)">
       <path
+        d="M5.64 12.864s-.53-.382.106-.892l1.483-1.326s.424-.447.873-.058l13.683 10.36v4.967s-.007.78-1.008.694L5.64 12.864Z"
         fill="#2489CA"
-        d="M5.64 12.864s-.53-.382.106-.892l1.483-1.326s.424-.447.873-.058l13.683 10.36v4.967s-.007.78-1.008.694z"
       />
       <path
+        d="M9.167 16.066 5.64 19.273s-.362.27 0 .75l1.638 1.49s.389.418.963-.057l3.739-2.835-2.813-2.555Z"
         fill="#1070B3"
-        d="M9.167 16.066 5.64 19.273s-.362.27 0 .75l1.638 1.49s.389.418.963-.057l3.739-2.835z"
       />
       <path
+        d="m15.359 16.093 6.467-4.939-.041-4.94s-.277-1.08-1.198-.518L11.98 13.53l3.379 2.563Z"
         fill="#0877B9"
-        d="m15.359 16.093 6.467-4.939-.041-4.94s-.277-1.08-1.198-.518L11.98 13.53z"
       />
       <path
+        d="M20.777 26.616c.375.384.83.258.83.258l5.041-2.484c.645-.44.555-.985.555-.985V8.573c0-.652-.668-.877-.668-.877L22.167 5.59c-.955-.59-1.58.106-1.58.106s.804-.579 1.198.517v19.611a.89.89 0 0 1-.087.387c-.115.232-.364.449-.963.358l.042.047Z"
         fill="#3C99D4"
-        d="M20.777 26.616c.375.384.83.258.83.258l5.041-2.484c.645-.44.555-.985.555-.985V8.573c0-.652-.668-.877-.668-.877L22.167 5.59c-.955-.59-1.58.106-1.58.106s.804-.579 1.198.517v19.611a.89.89 0 0 1-.087.387c-.115.232-.364.449-.963.358z"
       />
     </g>
     <defs>
       <clipPath id="Name=vsc_clippath">
-        <path fill="#fff" d="M5 5h22.403v22H5z" />
+        <path fill="#fff" transform="translate(5 5)" d="M0 0h22.403v22H0z" />
       </clipPath>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
index 6f0fad5a90..7849741447 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
@@ -3,17 +3,13 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
-      fill="#F9FAFC"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
-    <path
-      fill="#0078D4"
       fillRule="evenodd"
-      d="M14.522 15.58H25V6L14.522 8.096zm-1.033.001H7V9.593l6.49-1.297zm0 8.143L7 22.428V16.4h6.49zM25 26l-10.478-2.076V16.4H25z"
       clipRule="evenodd"
+      d="M14.521 15.58H25V6L14.521 8.096v7.485Zm-1.032.001H7V9.593l6.49-1.297v7.285Zm0 8.143L7 22.427V16.4h6.49v7.325ZM25 26l-10.479-2.076V16.4H25V26Z"
+      fill="#515774"
     />
   </svg>
 );
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
new file mode 100644
index 0000000000..bd11094ca5
--- /dev/null
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+
+import type { SVGProps } from "react";
+
+const WindowsOS = (props: SVGProps<SVGSVGElement>) => (
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.521 15.58H25V6L14.521 8.096v7.485Zm-1.032.001H7V9.593l6.49-1.297v7.285Zm0 8.143L7 22.427V16.4h6.49v7.325ZM25 26l-10.479-2.076V16.4H25V26Z"
+      fill="#515774"
+    />
+  </svg>
+);
+export default WindowsOS;
diff --git a/frontend/pages/SoftwarePage/components/icons/Word.tsx b/frontend/pages/SoftwarePage/components/icons/Word.tsx
index 4a654107b2..adfc24010f 100644
--- a/frontend/pages/SoftwarePage/components/icons/Word.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Word.tsx
@@ -3,90 +3,86 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Word = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="#fff"
-      stroke="#E2E4EA"
-      d="M.5 8A7.5 7.5 0 0 1 8 .5h16A7.5 7.5 0 0 1 31.5 8v16a7.5 7.5 0 0 1-7.5 7.5H8A7.5 7.5 0 0 1 .5 24z"
-    />
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path fill="#fff" d="M0 0h32v32H0z" />
     <path
+      d="M24.625 6.5h-13.75c-.76 0-1.375.616-1.375 1.375v16.5c0 .76.616 1.375 1.375 1.375h13.75c.76 0 1.375-.616 1.375-1.375v-16.5c0-.76-.616-1.375-1.375-1.375Z"
       fill="url(#Name=word_svg__a)"
-      d="M24.625 6.5h-13.75c-.76 0-1.375.616-1.375 1.375v16.5c0 .76.616 1.375 1.375 1.375h13.75c.76 0 1.375-.616 1.375-1.375v-16.5c0-.76-.616-1.375-1.375-1.375"
     />
     <path
+      d="M9.5 20.938H26v3.437c0 .76-.616 1.375-1.375 1.375h-13.75c-.76 0-1.375-.616-1.375-1.375v-3.438Z"
       fill="url(#Name=word_svg__b)"
-      d="M9.5 20.938H26v3.437c0 .76-.616 1.375-1.375 1.375h-13.75c-.76 0-1.375-.616-1.375-1.375z"
     />
-    <path fill="url(#Name=word_svg__c)" d="M26 16.125H9.5v4.813H26z" />
-    <path fill="url(#Name=word_svg__d)" d="M26 11.313H9.5v4.812H26z" />
+    <path d="M26 16.125H9.5v4.813H26v-4.813Z" fill="url(#Name=word_svg__c)" />
+    <path d="M26 11.313H9.5v4.812H26v-4.813Z" fill="url(#Name=word_svg__d)" />
     <path
+      d="M9.5 13.375c0-1.14.923-2.063 2.063-2.063h4.124c1.14 0 2.063.924 2.063 2.063v8.25c0 1.14-.923 2.063-2.063 2.063H9.5V13.374Z"
       fill="#000"
-      fillOpacity={0.3}
-      d="M9.5 13.375c0-1.14.923-2.062 2.063-2.062h4.124c1.14 0 2.063.923 2.063 2.062v8.25c0 1.14-.923 2.063-2.062 2.063H9.5z"
+      fillOpacity=".3"
     />
     <path
+      d="M15 9.938H5.375c-.76 0-1.375.615-1.375 1.374v9.626c0 .759.616 1.375 1.375 1.375H15c.76 0 1.375-.616 1.375-1.375v-9.625c0-.76-.616-1.376-1.375-1.376Z"
       fill="url(#Name=word_svg__e)"
-      d="M15 9.938H5.375c-.76 0-1.375.615-1.375 1.374v9.626c0 .759.616 1.375 1.375 1.375H15c.76 0 1.375-.616 1.375-1.375v-9.625c0-.76-.616-1.376-1.375-1.376"
     />
     <path
+      d="M14.313 12.697h-1.34l-1.051 4.486-1.15-4.495H9.639L8.48 17.183l-1.043-4.486H6.063l1.789 6.866h1.186l1.15-4.34 1.15 4.34h1.187l1.789-6.866Z"
       fill="#fff"
-      d="M14.313 12.697h-1.34l-1.051 4.486-1.15-4.495H9.639L8.48 17.183l-1.043-4.486H6.063l1.789 6.866h1.186l1.15-4.34 1.15 4.34h1.187z"
     />
     <defs>
       <linearGradient
         id="Name=word_svg__a"
-        x1={9.5}
-        x2={26}
-        y1={9.708}
-        y2={9.708}
+        x1="9.5"
+        y1="9.708"
+        x2="26"
+        y2="9.708"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#2B78B1" />
-        <stop offset={1} stopColor="#338ACD" />
+        <stop offset="1" stopColor="#338ACD" />
       </linearGradient>
       <linearGradient
         id="Name=word_svg__b"
-        x1={9.5}
-        x2={26}
-        y1={23.945}
-        y2={23.945}
+        x1="9.5"
+        y1="23.945"
+        x2="26"
+        y2="23.945"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#1B366F" />
-        <stop offset={1} stopColor="#2657B0" />
+        <stop offset="1" stopColor="#2657B0" />
       </linearGradient>
       <linearGradient
         id="Name=word_svg__c"
-        x1={16.719}
-        x2={26}
-        y1={18.875}
-        y2={18.875}
+        x1="16.719"
+        y1="18.875"
+        x2="26"
+        y2="18.875"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#20478B" />
-        <stop offset={1} stopColor="#2D6FD1" />
+        <stop offset="1" stopColor="#2D6FD1" />
       </linearGradient>
       <linearGradient
         id="Name=word_svg__d"
-        x1={16.719}
-        x2={26}
-        y1={14.063}
-        y2={14.063}
+        x1="16.719"
+        y1="14.063"
+        x2="26"
+        y2="14.063"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#215295" />
-        <stop offset={1} stopColor="#2E84D3" />
+        <stop offset="1" stopColor="#2E84D3" />
       </linearGradient>
       <linearGradient
         id="Name=word_svg__e"
-        x1={4}
-        x2={17.063}
-        y1={16.813}
-        y2={16.813}
+        x1="4"
+        y1="16.813"
+        x2="17.063"
+        y2="16.813"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#223E74" />
-        <stop offset={1} stopColor="#215091" />
+        <stop offset="1" stopColor="#215091" />
       </linearGradient>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
index 8b9512751d..b9c81e2ff3 100644
--- a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
@@ -3,26 +3,23 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Zoom = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-    <path
-      fill="url(#Name=zoom_svg__a)"
-      d="M0 8a8 8 0 0 1 8-8h16a8 8 0 0 1 8 8v16a8 8 0 0 1-8 8H8a8 8 0 0 1-8-8z"
-    />
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path fill="url(#zoom_svg__a)" d="M0 0h32v32H0z" />
     <path
+      d="M9.548 18.46h-3.97a.69.69 0 0 1-.508-1.178l2.762-2.762H5.853a.985.985 0 0 1-.986-.986h3.658a.69.69 0 0 1 .508 1.178l-2.762 2.763h2.291c.545 0 .986.44.986.986Zm15.715-5c-.569 0-1.08.246-1.43.64a1.917 1.917 0 0 0-1.43-.64c-1.057 0-1.918.902-1.918 1.955v3.046c.545 0 .986-.441.986-.986v-2.07c0-.508.393-.939.898-.959a.938.938 0 0 1 .973.936v2.093c0 .545.44.986.986.986v-3.056c0-.508.393-.939.898-.959a.938.938 0 0 1 .973.936v2.093c0 .545.44.986.985.986v-3.046c-.003-1.053-.864-1.955-1.92-1.955Zm-10.741 2.537a2.54 2.54 0 0 1-2.537 2.538 2.54 2.54 0 0 1-2.538-2.538c0-1.4 1.14-2.537 2.538-2.537a2.541 2.541 0 0 1 2.537 2.537Zm-.986 0c0-.854-.697-1.551-1.551-1.551-.855 0-1.552.697-1.552 1.551 0 .855.697 1.552 1.552 1.552.854 0 1.55-.697 1.55-1.552Zm6.454 0a2.54 2.54 0 0 1-2.537 2.538 2.54 2.54 0 0 1-2.538-2.538c0-1.4 1.141-2.537 2.538-2.537a2.541 2.541 0 0 1 2.537 2.537Zm-.986 0c0-.854-.697-1.551-1.551-1.551-.855 0-1.552.697-1.552 1.551 0 .855.697 1.552 1.552 1.552.855 0 1.551-.697 1.551-1.552Z"
       fill="#EEE"
-      d="M9.548 18.46h-3.97a.69.69 0 0 1-.508-1.178l2.762-2.762H5.853a.985.985 0 0 1-.986-.986h3.658a.69.69 0 0 1 .508 1.178l-2.762 2.763h2.291c.545 0 .986.44.986.986m15.715-5c-.569 0-1.08.246-1.43.64a1.917 1.917 0 0 0-1.43-.64c-1.057 0-1.918.902-1.918 1.955v3.046a.985.985 0 0 0 .986-.986v-2.07c0-.508.393-.939.898-.959a.938.938 0 0 1 .973.936v2.093c0 .545.44.986.986.986v-3.056c0-.508.393-.939.898-.959a.938.938 0 0 1 .973.936v2.093c0 .545.44.986.985.986v-3.046c-.003-1.053-.864-1.955-1.92-1.955m-10.741 2.537a2.54 2.54 0 0 1-2.537 2.538 2.54 2.54 0 0 1-2.538-2.538 2.54 2.54 0 0 1 2.538-2.537 2.541 2.541 0 0 1 2.537 2.537m-.986 0c0-.854-.697-1.551-1.551-1.551-.855 0-1.552.697-1.552 1.551 0 .855.697 1.552 1.552 1.552.854 0 1.55-.697 1.55-1.552m6.454 0a2.54 2.54 0 0 1-2.537 2.538 2.54 2.54 0 0 1-2.538-2.538c0-1.4 1.141-2.537 2.538-2.537a2.541 2.541 0 0 1 2.537 2.537m-.986 0c0-.854-.697-1.551-1.551-1.551-.855 0-1.552.697-1.552 1.551 0 .855.697 1.552 1.552 1.552.855 0 1.551-.697 1.551-1.552"
     />
     <defs>
       <linearGradient
-        id="Name=zoom_svg__a"
-        x1={33.5}
-        x2={0}
-        y1={0}
-        y2={32}
+        id="zoom_svg__a"
+        x1="33.5"
+        y1="0"
+        x2="0"
+        y2="32"
         gradientUnits="userSpaceOnUse"
       >
         <stop stopColor="#3A8FEA" />
-        <stop offset={1} stopColor="#0042BC" />
+        <stop offset="1" stopColor="#0042BC" />
       </linearGradient>
     </defs>
   </svg>
diff --git a/frontend/pages/SoftwarePage/components/icons/index.ts b/frontend/pages/SoftwarePage/components/icons/index.ts
index 0965c78651..71a83bfca7 100644
--- a/frontend/pages/SoftwarePage/components/icons/index.ts
+++ b/frontend/pages/SoftwarePage/components/icons/index.ts
@@ -1,5 +1,5 @@
 import AcrobatReader from "./AcrobatReader";
-import Chrome from "./Chrome";
+import ChromeApp from "./ChromeApp";
 import Excel from "./Excel";
 import Extension from "./Extension";
 import Firefox from "./Firefox";
@@ -18,7 +18,7 @@ import Zoom from "./Zoom";
 // matched in the application logic.
 export const SOFTWARE_NAME_TO_ICON_MAP = {
   "adobe acrobat reader": AcrobatReader,
-  "google chrome": Chrome,
+  "google chrome": ChromeApp,
   "microsoft excel": Excel,
   firefox: Firefox,
   package: Package,