From 9c029ce3d99911cc02aa9a373f926b183a0c7132 Mon Sep 17 00:00:00 2001
From: Marko Lisica <markol.lisica@gmail.com>
Date: Fri, 10 Oct 2025 00:24:56 +0200
Subject: [PATCH 1/2] fixed firefox icon and moved viewBox from icon props to
 svg element

---
 .../components/icons/AcrobatReader.tsx        |   7 +-
 .../components/icons/AdobeCreativeCloud.tsx   |   2 +-
 .../components/icons/AmazonDCV.tsx            |   7 +-
 .../components/icons/AppStore.tsx             |   7 +-
 .../components/icons/AppleApp.tsx             |   7 +-
 .../components/icons/BeyondCompare.tsx        |   2 +-
 .../SoftwarePage/components/icons/Box.tsx     |   7 +-
 .../SoftwarePage/components/icons/Brave.tsx   |   7 +-
 .../components/icons/ChromeApp.tsx            |   7 +-
 .../components/icons/ChromeOS.tsx             |   7 +-
 .../components/icons/Cloudflare.tsx           |   7 +-
 .../SoftwarePage/components/icons/Docker.tsx  |   7 +-
 .../SoftwarePage/components/icons/Edge.tsx    |   7 +-
 .../SoftwarePage/components/icons/Excel.tsx   |   7 +-
 .../components/icons/Extension.tsx            |   7 +-
 .../SoftwarePage/components/icons/Figma.tsx   |   7 +-
 .../SoftwarePage/components/icons/Firefox.tsx | 329 ++++++++----------
 .../SoftwarePage/components/icons/ITerm.tsx   |   2 +-
 .../components/icons/IntuneCompanyPortal.tsx  |   7 +-
 .../SoftwarePage/components/icons/LinuxOS.tsx |   7 +-
 .../SoftwarePage/components/icons/MacOS.tsx   |   7 +-
 .../SoftwarePage/components/icons/Notion.tsx  |   7 +-
 .../components/icons/OSIcon/OSIcon.tsx        |   1 -
 .../components/icons/OmnissaHorizonClient.tsx |   2 +-
 .../components/icons/OnePassword.tsx          |   7 +-
 .../SoftwarePage/components/icons/P4V.tsx     |   2 +-
 .../SoftwarePage/components/icons/Package.tsx |   7 +-
 .../SoftwarePage/components/icons/Postman.tsx |   7 +-
 .../SoftwarePage/components/icons/Safari.tsx  |   7 +-
 .../SoftwarePage/components/icons/Santa.tsx   |   7 +-
 .../SoftwarePage/components/icons/Slack.tsx   |   7 +-
 .../icons/SoftwareIcon/SoftwareIcon.tsx       |   1 -
 .../components/icons/TeamViewer.tsx           |   7 +-
 .../SoftwarePage/components/icons/Teams.tsx   |   7 +-
 .../components/icons/VisualStudioCode.tsx     |   7 +-
 .../components/icons/VncViewer.tsx            |   2 +-
 .../components/icons/WhatsApp.tsx             |   7 +-
 .../components/icons/WindowsApp.tsx           |   7 +-
 .../components/icons/WindowsAppRemote.tsx     |   7 +-
 .../components/icons/WindowsDefender.tsx      |   7 +-
 .../components/icons/WindowsOS.tsx            |   7 +-
 .../SoftwarePage/components/icons/Word.tsx    |   7 +-
 .../components/icons/YubikeyManager.tsx       |   2 +-
 .../SoftwarePage/components/icons/Zoom.tsx    |   7 +-
 .../SoftwarePage/components/icons/iOS.tsx     |   7 +-
 .../SoftwarePage/components/icons/iPadOS.tsx  |   7 +-
 46 files changed, 365 insertions(+), 232 deletions(-)

diff --git a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
index 2a28a7ca1d3e..d4172c7c99cf 100644
--- a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AcrobatReader = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    fill="none"
+    {...props}
+  >
     <path fill="#B30B00" d="M0 0h32v32H0z" />
     <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx b/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
index 0a5c2c5308c8..3bd015cfc106 100644
--- a/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const AdobeCreativeCloud = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx b/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
index 2c2ad3917620..bb44cfbd10fe 100644
--- a/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AmazonDCV = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path
       d="M17.5 1.34381C17.5216 1.34684 17.5432 1.34988 17.5655 1.353C18.9125 1.54262 20.2349 1.88811 21.4688 2.46881C21.532 2.49794 21.5953 2.52708 21.6586 2.55621C22.3698 2.88735 23.0446 3.2691 23.6875 3.71881C23.7122 3.73601 23.7369 3.75321 23.7623 3.77093C24.1902 4.07057 24.6029 4.3897 24.9873 4.74395C25.0286 4.7816 25.0701 4.81901 25.1126 4.85522C25.3052 5.01967 25.4841 5.19708 25.663 5.37607C25.7164 5.42937 25.77 5.48242 25.8237 5.53546C26.0097 5.72055 26.1847 5.90796 26.3474 6.11414C26.4042 6.18501 26.4636 6.25188 26.5254 6.31842C26.7091 6.52325 26.8692 6.74674 27.0312 6.96881C27.0467 6.98993 27.0622 7.01106 27.0782 7.03282C28.7073 9.2644 29.7138 12.0872 29.7251 14.863C29.7253 14.8992 29.7255 14.9355 29.7258 14.9729C29.7263 15.0894 29.7265 15.2058 29.7266 15.3223C29.7266 15.3821 29.7266 15.3821 29.7266 15.4431C29.7261 16.0515 29.7101 16.6471 29.625 17.2501C29.6195 17.2902 29.6139 17.3303 29.6082 17.3716C29.268 19.801 28.3146 22.0904 26.8125 24.0313C26.7829 24.07 26.7533 24.1086 26.7238 24.1473C26.5684 24.349 26.4076 24.542 26.2339 24.7283C26.1752 24.792 26.1187 24.8564 26.0625 24.9223C25.9134 25.0932 25.753 25.2528 25.5927 25.4131C25.5394 25.4665 25.4864 25.5201 25.4333 25.5737C25.2483 25.7597 25.0608 25.9347 24.8547 26.0975C24.7838 26.1543 24.7169 26.2137 24.6504 26.2754C24.4454 26.4591 24.2225 26.6197 24 26.7813C23.9757 26.799 23.9513 26.8167 23.9263 26.8349C23.5462 27.1095 23.1561 27.3596 22.75 27.5938C22.7277 27.6068 22.7055 27.6199 22.6825 27.6333C22.0093 28.0263 21.2966 28.363 20.5625 28.6251C20.5101 28.6439 20.5101 28.6439 20.4565 28.6631C19.4914 29.0059 18.5139 29.2327 17.5 29.3751C17.461 29.3807 17.4219 29.3863 17.3817 29.392C16.1893 29.5549 14.9097 29.546 13.7188 29.3751C13.6971 29.372 13.6755 29.369 13.6532 29.3659C12.3063 29.1763 10.9839 28.8308 9.75 28.2501C9.68673 28.2209 9.62345 28.1918 9.56018 28.1627C8.84892 27.8315 8.17417 27.4498 7.53125 27.0001C7.50657 26.9829 7.48188 26.9657 7.45645 26.9479C7.02853 26.6483 6.61582 26.3292 6.23145 25.9749C6.19018 25.9373 6.14867 25.8999 6.10613 25.8636C5.91353 25.6992 5.73466 25.5218 5.5557 25.3428C5.50233 25.2895 5.44871 25.2365 5.39508 25.1834C5.20906 24.9983 5.03407 24.8109 4.87131 24.6047C4.81454 24.5339 4.75511 24.467 4.69336 24.4004C4.50963 24.1956 4.34952 23.9721 4.1875 23.7501C4.17202 23.7289 4.15653 23.7078 4.14058 23.686C2.51046 21.4532 1.50497 18.6329 1.49365 15.8559C1.49343 15.8196 1.49321 15.7834 1.49299 15.746C1.49244 15.6295 1.49224 15.513 1.49219 15.3965C1.49217 15.3567 1.49214 15.3168 1.49212 15.2757C1.49263 14.6674 1.50862 14.0718 1.59375 13.4688C1.59928 13.4287 1.60481 13.3886 1.6105 13.3473C2.02714 10.3722 3.38125 7.59995 5.67123 5.26053C5.7189 5.2128 5.76631 5.16481 5.81372 5.11682C5.98889 4.94067 6.16779 4.77715 6.36271 4.62274C6.43395 4.56542 6.50135 4.50559 6.56836 4.44342C6.77336 4.25979 6.99627 4.09913 7.21875 3.93756C7.24308 3.91988 7.2674 3.90221 7.29247 3.884C7.67257 3.60941 8.06262 3.35926 8.46875 3.12506C8.49101 3.11204 8.51327 3.09902 8.53621 3.0856C9.20949 2.6926 9.92219 2.35589 10.6562 2.09381C10.7087 2.07498 10.7087 2.07498 10.7622 2.05577C11.7274 1.71293 12.7049 1.48614 13.7188 1.34381C13.7773 1.3354 13.7773 1.3354 13.8371 1.32683C15.0295 1.16397 16.3091 1.17289 17.5 1.34381Z"
       fill="#FEFEFE"
diff --git a/frontend/pages/SoftwarePage/components/icons/AppStore.tsx b/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
index 42632e584af8..bb717b6eeeaa 100644
--- a/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AppStore = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#515774" d="M0 0h32v32H0z" />
     <path
       d="m15.96 7.564.648-1.12A1.458 1.458 0 1 1 19.136 7.9l-6.244 10.808h4.516c1.464 0 2.284 1.72 1.648 2.912H5.816a1.451 1.451 0 0 1-1.456-1.456c0-.808.648-1.456 1.456-1.456h3.712l4.752-8.236-1.484-2.576a1.46 1.46 0 0 1 2.528-1.456l.636 1.124ZM10.344 23.12l-1.4 2.428a1.458 1.458 0 1 1-2.528-1.456l1.04-1.8c1.176-.364 2.132-.084 2.888.828ZM22.4 18.716h3.788c.808 0 1.456.648 1.456 1.456 0 .808-.648 1.456-1.456 1.456h-2.104l1.42 2.464a1.46 1.46 0 0 1-2.528 1.456c-2.392-4.148-4.188-7.252-5.38-9.32-1.22-2.104-.348-4.216.512-4.932.956 1.64 2.384 4.116 4.292 7.42Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx b/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
index 0139e2094cb6..0e0d7450af31 100644
--- a/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AppleApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#515774" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx b/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
index 457b669f512b..5bf92a261845 100644
--- a/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const BeyondCompare = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Box.tsx b/frontend/pages/SoftwarePage/components/icons/Box.tsx
index 005f14263050..d8f8b1f7e2d5 100644
--- a/frontend/pages/SoftwarePage/components/icons/Box.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Box.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Box = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#0061D5" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Brave.tsx b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
index ea780aedd9f3..c8a6ce563ad7 100644
--- a/frontend/pages/SoftwarePage/components/icons/Brave.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
@@ -6,7 +6,12 @@ const Brave = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   const fillPathId = uniqueId("fill-path-");
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <rect width="32" height="32" fill="white" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
index 36dbc5199395..324198f9e644 100644
--- a/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
@@ -9,7 +9,12 @@ const ChromeApp = (props: SVGProps<SVGSVGElement>) => {
   const fillPathCId = uniqueId("fill-path-c-");
   const fillPathDId = uniqueId("fill-path-d-");
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path d="M16 21.997a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff" />
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
index b2c7de845376..c4e7a32aebdd 100644
--- a/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
@@ -3,7 +3,12 @@ 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}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...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"
diff --git a/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx b/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
index 1cf10d2deee8..c1e6ba15f8ff 100644
--- a/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Cloudflare = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="M20.688 20.375C21.375 18.75 20.438 18 19.5 18l-9.25-.125c-.25 0-.25-.375.063-.438l9.374-.125c1.063-.062 2.313-.937 2.688-2.062 0 0 .625-1.313.563-1.5a6.063 6.063 0 0 0-11.688-.688c-2.375-1.562-4.875.563-4.313 2.876a3.913 3.913 0 0 0-3.75 4.5c0 .062.063.125.188.125H20.5c.063 0 .188-.063.188-.188Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Docker.tsx b/frontend/pages/SoftwarePage/components/icons/Docker.tsx
index 051038511042..c9e696114cdd 100644
--- a/frontend/pages/SoftwarePage/components/icons/Docker.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Docker.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Docker = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#1D63ED" d="M0 0h32v32H0z" />
     <path
       d="M28.133 14.727c-.587-.394-2.129-.563-3.25-.261-.06-1.116-.635-2.057-1.688-2.878l-.39-.262-.26.393c-.51.775-.726 1.808-.65 2.747.06.578.262 1.228.65 1.7-1.459.846-2.803.654-8.758.654H4.594c-.027 1.345.19 3.93 1.834 6.036.182.233.381.458.597.675 1.337 1.339 3.358 2.32 6.379 2.323 4.609.005 8.558-2.487 10.96-8.51.79.013 2.877.141 3.898-1.832.025-.033.26-.523.26-.523l-.39-.262Zm-17.54-1.23H8.01v2.586h2.585v-2.585Zm3.34 0h-2.585v2.586h2.586v-2.585Zm3.34 0h-2.585v2.586h2.585v-2.585Zm3.34 0h-2.585v2.586h2.585v-2.585Zm-13.36 0H4.67v2.586h2.585v-2.585Zm3.34-3.264H8.01v2.585h2.585v-2.585Zm3.34 0h-2.585v2.585h2.586v-2.585Zm3.34 0h-2.585v2.585h2.585v-2.585Zm0-3.266h-2.585v2.585h2.585V6.967Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Edge.tsx b/frontend/pages/SoftwarePage/components/icons/Edge.tsx
index 2731e666ec9e..2f85ad76affd 100644
--- a/frontend/pages/SoftwarePage/components/icons/Edge.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Edge.tsx
@@ -12,7 +12,12 @@ const Edge = (props: SVGProps<SVGSVGElement>) => {
   const fillPathF = uniqueId("fill-path-f-");
 
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <rect width="32" height="32" fill="white" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Excel.tsx b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
index 216e6f866189..0a0ae09c76a1 100644
--- a/frontend/pages/SoftwarePage/components/icons/Excel.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
@@ -7,7 +7,12 @@ const Excel = (props: SVGProps<SVGSVGElement>) => {
   const gradientId = uniqueId("gradient-");
 
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/Extension.tsx b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
index 536424fba318..b1ed3c0393ce 100644
--- a/frontend/pages/SoftwarePage/components/icons/Extension.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Extension = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`} stroke="#693202" strokeWidth=".52">
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Figma.tsx b/frontend/pages/SoftwarePage/components/icons/Figma.tsx
index 1ed627c2b033..308397e18f69 100644
--- a/frontend/pages/SoftwarePage/components/icons/Figma.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Figma.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Figma = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#333" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
index 6dc37e4c1beb..ec702e640a89 100644
--- a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
@@ -4,219 +4,174 @@ import { uniqueId } from "lodash";
 import type { SVGProps } from "react";
 
 const Firefox = (props: SVGProps<SVGSVGElement>) => {
-  const fillPathB = uniqueId("paint0_linear_440_1866");
-  const fillPathC = uniqueId("paint1_radial_440_1866");
-  const fillPathD = uniqueId("paint2_radial_440_1866");
-  const fillPathE = uniqueId("paint3_radial_440_1866");
-  const fillPathF = uniqueId("paint4_radial_440_1866");
-  const fillPathG = uniqueId("paint5_radial_440_1866");
-  const fillPathH = uniqueId("paint6_radial_440_1866");
-  const fillPathI = uniqueId("paint7_radial_440_1866");
-  const fillPathJ = uniqueId("paint8_radial_440_1866");
-  const fillPathK = uniqueId("paint9_radial_440_1866");
-  const fillPathL = uniqueId("paint10_radial_440_1866");
-  const fillPathM = uniqueId("#paint11_linear_440_1866");
+  // Create unique IDs for the SVG gradients
+  const gradientA = uniqueId("gradient-");
+  const gradientB = uniqueId("gradient-");
+  const gradientC = uniqueId("gradient-");
+  const gradientD = uniqueId("gradient-");
+  const gradientE = uniqueId("gradient-");
+  const gradientF = uniqueId("gradient-");
+  const gradientG = uniqueId("gradient-");
+  const gradientH = uniqueId("gradient-");
+  const gradientI = uniqueId("gradient-");
+  const gradientJ = uniqueId("gradient-");
+  const gradientK = uniqueId("gradient-");
+  const gradientL = uniqueId("gradient-");
 
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-      <rect width="32" height="32" fill="#20123A" />
-      <path
-        d="M28.3059 11.0975C27.7347 9.72351 26.5778 8.24017 25.6693 7.77133C26.4087 9.22082 26.8366 10.6749 27.0001 11.76C27.0001 11.7622 27.0009 11.7675 27.0027 11.7819C25.5166 8.07775 22.9966 6.58412 20.9389 3.33196C20.835 3.16752 20.7308 3.00264 20.6293 2.82884C20.5776 2.74008 20.5293 2.64938 20.4846 2.55693C20.3991 2.39188 20.3332 2.21741 20.2881 2.03707C20.2884 2.02854 20.2855 2.02019 20.28 2.01367C20.2745 2.00716 20.2667 2.00294 20.2582 2.00186C20.2502 1.99954 20.2416 1.99954 20.2336 2.00186C20.2317 2.00251 20.229 2.00464 20.227 2.00541C20.2241 2.00656 20.2205 2.00918 20.2174 2.01088C20.2189 2.00891 20.2219 2.00448 20.2229 2.00344C16.9214 3.93697 15.8014 7.51381 15.6985 9.30335C14.3801 9.39398 13.1196 9.87972 12.0813 10.6972C11.9726 10.6054 11.859 10.5196 11.7409 10.4402C11.4413 9.39216 11.4286 8.28292 11.704 7.22829C10.3539 7.84303 9.30379 8.81477 8.54035 9.67282H8.53428C8.01328 9.0129 8.05003 6.83601 8.07972 6.3815C8.07349 6.35334 7.69106 6.58002 7.64096 6.6142C7.18121 6.94236 6.75141 7.31057 6.35657 7.71451C5.90727 8.17015 5.49675 8.66245 5.12928 9.18632C5.12928 9.18697 5.12889 9.18774 5.12868 9.1884C5.12868 9.18768 5.12906 9.18697 5.12928 9.18632C4.28416 10.3839 3.68477 11.7372 3.36577 13.1678C3.35948 13.1963 3.35418 13.2259 3.34805 13.2546C3.32333 13.3703 3.2343 13.9491 3.21871 14.0749C3.21751 14.0846 3.21696 14.0939 3.21582 14.1035C3.10071 14.702 3.02943 15.308 3.00253 15.9168C3.00253 15.9392 3.00117 15.9614 3.00117 15.9839C3.00139 23.2417 8.88576 29.1251 16.1441 29.1251C22.6445 29.1251 28.0419 24.4062 29.0986 18.2078C29.1208 18.0396 29.1387 17.8705 29.1583 17.7008C29.4196 15.4471 29.1293 13.0783 28.3059 11.0975ZM13.1577 21.3839C13.2192 21.4132 13.2769 21.4453 13.3401 21.4735C13.3427 21.4753 13.3463 21.4773 13.349 21.479C13.2847 21.4483 13.221 21.4166 13.1577 21.3839ZM27.0037 11.7851L27.002 11.7724C27.0026 11.777 27.0035 11.7819 27.0042 11.7865L27.0037 11.7851Z"
-        fill={`url(#${fillPathB})`}
-      />
-      <path
-        d="M28.3059 11.0974C27.7347 9.72342 26.5778 8.24008 25.6693 7.77124C26.4087 9.22073 26.8366 10.6748 27.0001 11.7599C27.0001 11.7568 27.0007 11.7626 27.0021 11.7723C27.0028 11.7769 27.0036 11.7818 27.0043 11.7865C28.2443 15.1481 27.5688 18.5665 26.5953 20.6554C25.0892 23.8874 21.4429 27.1999 15.7356 27.0383C9.56936 26.8637 4.13703 22.2884 3.12296 16.2958C2.93817 15.3508 3.12296 14.871 3.21593 14.1037C3.10267 14.6952 3.05952 14.8661 3.00265 15.917C3.00265 15.9394 3.00128 15.9616 3.00128 15.9841C3.00139 23.2416 8.88577 29.125 16.1441 29.125C22.6445 29.125 28.0419 24.4061 29.0986 18.2077C29.1209 18.0395 29.1387 17.8704 29.1583 17.7007C29.4196 15.447 29.1293 13.0782 28.3059 11.0974Z"
-        fill={`url(#${fillPathC})`}
-      />
-      <path
-        d="M28.3059 11.0974C27.7347 9.72342 26.5778 8.24008 25.6693 7.77124C26.4087 9.22073 26.8366 10.6748 27.0001 11.7599C27.0001 11.7568 27.0007 11.7626 27.0021 11.7723C27.0028 11.7769 27.0036 11.7818 27.0043 11.7865C28.2443 15.1481 27.5688 18.5665 26.5953 20.6554C25.0892 23.8874 21.4429 27.1999 15.7356 27.0383C9.56936 26.8637 4.13703 22.2884 3.12296 16.2958C2.93817 15.3508 3.12296 14.871 3.21593 14.1037C3.10267 14.6952 3.05952 14.8661 3.00265 15.917C3.00265 15.9394 3.00128 15.9616 3.00128 15.9841C3.00139 23.2416 8.88577 29.125 16.1441 29.125C22.6445 29.125 28.0419 24.4061 29.0986 18.2077C29.1209 18.0395 29.1387 17.8704 29.1583 17.7007C29.4196 15.447 29.1293 13.0782 28.3059 11.0974Z"
-        fill={`url(#${fillPathD})`}
-      />
-      <path
-        d="M21.919 12.6422C21.9477 12.6623 21.9737 12.6823 22.0006 12.7023C21.6708 12.117 21.2601 11.581 20.7806 11.1103C16.6951 7.02535 19.7093 2.25299 20.2176 2.01061C20.2191 2.00864 20.2222 2.00421 20.2231 2.00317C16.9216 3.93671 15.8016 7.51354 15.6987 9.30308C15.8518 9.29247 16.0045 9.27962 16.1603 9.27962C18.6241 9.27962 20.7699 10.6342 21.919 12.6422Z"
-        fill={`url(#${fillPathE})`}
-      />
-      <path
-        d="M16.1686 13.4578C16.1471 13.7847 14.9921 14.9121 14.5881 14.9121C10.8508 14.9121 10.2442 17.1726 10.2442 17.1726C10.4097 19.0763 11.735 20.6439 13.3401 21.4734C13.4133 21.5112 13.4874 21.5454 13.5616 21.5792C13.6887 21.6355 13.8175 21.6881 13.9476 21.737C14.498 21.9319 15.0744 22.043 15.6578 22.0668C22.2082 22.3741 23.4773 14.2359 18.7501 11.8727C19.9607 11.6621 21.2173 12.149 21.9191 12.6419C20.77 10.6341 18.6241 9.27954 16.1605 9.27954C16.0046 9.27954 15.852 9.29239 15.6988 9.303C14.3804 9.39364 13.1199 9.87937 12.0816 10.6969C12.282 10.8664 12.5082 11.093 12.9848 11.5625C13.8763 12.4411 16.1637 13.351 16.1686 13.4578Z"
-        fill={`url(#${fillPathF})`}
-      />
-      <path
-        d="M16.1686 13.4578C16.1471 13.7847 14.9921 14.9121 14.5881 14.9121C10.8508 14.9121 10.2442 17.1726 10.2442 17.1726C10.4097 19.0763 11.735 20.6439 13.3401 21.4734C13.4133 21.5112 13.4874 21.5454 13.5616 21.5792C13.6887 21.6355 13.8175 21.6881 13.9476 21.737C14.498 21.9319 15.0744 22.043 15.6578 22.0668C22.2082 22.3741 23.4773 14.2359 18.7501 11.8727C19.9607 11.6621 21.2173 12.149 21.9191 12.6419C20.77 10.6341 18.6241 9.27954 16.1605 9.27954C16.0046 9.27954 15.852 9.29239 15.6988 9.303C14.3804 9.39364 13.1199 9.87937 12.0816 10.6969C12.282 10.8664 12.5082 11.093 12.9848 11.5625C13.8763 12.4411 16.1637 13.351 16.1686 13.4578Z"
-        fill={`url(#${fillPathG})`}
-      />
-      <path
-        d="M11.4686 10.2598C11.5601 10.3189 11.6509 10.379 11.741 10.4403C11.4414 9.39226 11.4287 8.28303 11.7041 7.22839C10.354 7.84314 9.3039 8.81488 8.54047 9.67293C8.60363 9.67112 10.51 9.63683 11.4686 10.2598Z"
-        fill={`url(#${fillPathH})`}
-      />
-      <path
-        d="M3.12296 16.2958C4.13703 22.2884 9.56936 26.8637 15.7356 27.0383C21.4429 27.1998 25.0892 23.8872 26.5953 20.6554C27.5687 18.5663 28.2443 15.1484 27.0043 11.7864L27.0038 11.785L27.0021 11.7723C27.0007 11.7625 26.9999 11.7568 27.0001 11.7599C27.0001 11.7621 27.0009 11.7674 27.0027 11.7818C27.4688 14.8258 25.9204 17.7747 23.4999 19.7686L23.4926 19.7857C18.7761 23.626 14.2628 22.1027 13.349 21.4792C13.2847 21.4482 13.2209 21.4165 13.1576 21.3838C10.4078 20.0697 9.2718 17.5646 9.51538 15.4161C7.19351 15.4161 6.4018 13.4578 6.4018 13.4578C6.4018 13.4578 8.48643 11.9715 11.2339 13.2642C13.7785 14.4614 16.1682 13.4579 16.1685 13.4578C16.1636 13.3511 13.8762 12.4412 12.9844 11.5626C12.5079 11.0931 12.2817 10.8668 12.0813 10.697C11.9726 10.6051 11.859 10.5193 11.7409 10.4399C11.6507 10.3788 11.5599 10.3187 11.4685 10.2595C10.5099 9.63646 8.60352 9.67075 8.54036 9.67239H8.53429C8.01328 9.01248 8.05003 6.83559 8.07972 6.38108C8.07349 6.35291 7.69106 6.57959 7.64097 6.61377C7.18122 6.94194 6.75141 7.31015 6.35658 7.71409C5.90726 8.16982 5.49674 8.66224 5.12928 9.18622C5.12928 9.18688 5.1289 9.18764 5.12868 9.1883C5.12868 9.18759 5.12906 9.18688 5.12928 9.18622C4.28416 10.3838 3.68477 11.7371 3.36577 13.1677C3.35948 13.1962 2.89272 15.2372 3.12296 16.2958Z"
-        fill={`url(#${fillPathI})`}
-      />
-      <path
-        d="M20.7806 11.1103C21.2601 11.581 21.6708 12.1169 22.0007 12.7023C22.073 12.7567 22.1406 12.8109 22.198 12.8638C25.1775 15.6091 23.6163 19.4919 23.4999 19.7686C25.9204 17.7747 27.4689 14.8258 27.0027 11.7818C25.5166 8.07775 22.9966 6.58412 20.9389 3.33196C20.835 3.16752 20.7308 3.00264 20.6293 2.82884C20.5776 2.74008 20.5294 2.64938 20.4846 2.55693C20.3991 2.39188 20.3332 2.21741 20.2881 2.03707C20.2884 2.02854 20.2855 2.02019 20.28 2.01367C20.2745 2.00716 20.2667 2.00294 20.2583 2.00186C20.2502 1.99954 20.2416 1.99954 20.2336 2.00186C20.2317 2.00251 20.229 2.00464 20.227 2.00541C20.2241 2.00656 20.2205 2.00918 20.2174 2.01088C19.7093 2.25304 16.6951 7.0254 20.7806 11.1103Z"
-        fill={`url(#${fillPathJ})`}
-      />
-      <path
-        d="M22.198 12.8638C22.1406 12.8109 22.073 12.7567 22.0007 12.7023C21.9739 12.6822 21.9477 12.6622 21.919 12.6422C21.2173 12.1492 19.9606 11.6623 18.75 11.8729C23.4773 14.2361 22.2082 22.3743 15.6577 22.0671C15.0744 22.0433 14.4979 21.9321 13.9476 21.7372C13.8174 21.6883 13.6887 21.6357 13.5615 21.5794C13.4874 21.5456 13.4133 21.5114 13.3401 21.4736C13.3427 21.4754 13.3463 21.4774 13.349 21.4791C14.2628 22.1025 18.7761 23.6259 23.4926 19.7856L23.4999 19.7685C23.6163 19.4921 25.1774 15.6091 22.198 12.8638Z"
-        fill={`url(#${fillPathK})`}
-      />
-      <path
-        d="M10.2441 17.1727C10.2441 17.1727 10.8508 14.9122 14.5881 14.9122C14.9921 14.9122 16.1472 13.7848 16.1686 13.4579C16.1899 13.131 13.7787 14.4615 11.2339 13.2643C8.48649 11.9716 6.40186 13.4579 6.40186 13.4579C6.40186 13.4579 7.19357 15.4162 9.51543 15.4162C9.27191 17.5647 10.4079 20.0701 13.1576 21.3839C13.2191 21.4133 13.2768 21.4454 13.3399 21.4736C11.735 20.644 10.4097 19.0764 10.2441 17.1727Z"
-        fill={`url(#${fillPathL})`}
-      />
-      <path
-        d="M28.3059 11.0975C27.7347 9.72351 26.5778 8.24017 25.6693 7.77133C26.4087 9.22082 26.8366 10.6749 27.0001 11.76C27.0001 11.7622 27.0009 11.7675 27.0027 11.7819C25.5166 8.07775 22.9966 6.58412 20.9389 3.33196C20.835 3.16752 20.7308 3.00264 20.6293 2.82884C20.5776 2.74008 20.5294 2.64938 20.4846 2.55693C20.3991 2.39188 20.3332 2.21741 20.2881 2.03707C20.2884 2.02854 20.2855 2.02019 20.28 2.01367C20.2745 2.00716 20.2667 2.00294 20.2582 2.00186C20.2502 1.99954 20.2416 1.99954 20.2336 2.00186C20.2317 2.00251 20.229 2.00464 20.227 2.00541C20.2241 2.00656 20.2205 2.00918 20.2174 2.01088C20.2189 2.00891 20.2219 2.00448 20.2229 2.00344C16.9214 3.93697 15.8014 7.51381 15.6985 9.30335C15.8516 9.29274 16.0043 9.27989 16.1601 9.27989C18.624 9.27989 20.7698 10.6345 21.9187 12.6423C21.217 12.1493 19.9604 11.6625 18.7497 11.873C23.477 14.2363 22.2079 22.3744 15.6574 22.0672C15.0741 22.0434 14.4977 21.9322 13.9473 21.7374C13.8172 21.6884 13.6884 21.6358 13.5613 21.5795C13.4871 21.5457 13.413 21.5116 13.3398 21.4737C13.3424 21.4755 13.346 21.4776 13.3487 21.4792C13.2845 21.4483 13.2207 21.4165 13.1573 21.3839C13.2188 21.4132 13.2765 21.4453 13.3396 21.4735C11.7345 20.644 10.4092 19.0764 10.2437 17.1727C10.2437 17.1727 10.8504 14.9122 14.5876 14.9122C14.9917 14.9122 16.1467 13.7848 16.1681 13.4579C16.1632 13.3512 13.8758 12.4413 12.984 11.5627C12.5076 11.0932 12.2813 10.8669 12.0809 10.6971C11.9722 10.6052 11.8586 10.5194 11.7405 10.44C11.4409 9.39199 11.4282 8.28276 11.7036 7.22812C10.3535 7.84286 9.30341 8.81461 8.53997 9.67265H8.5339C8.0129 9.01274 8.04965 6.83585 8.07934 6.38134C8.07311 6.35318 7.69068 6.57986 7.64058 6.61404C7.18083 6.9422 6.75103 7.31041 6.35619 7.71435C5.90702 8.17005 5.49663 8.66241 5.12928 9.18632C5.12928 9.18697 5.1289 9.18774 5.12868 9.1884C5.12868 9.18768 5.12906 9.18697 5.12928 9.18632C4.28416 10.3839 3.68477 11.7372 3.36577 13.1678C3.35948 13.1963 3.35418 13.2259 3.34805 13.2546C3.32333 13.3703 3.2121 13.9575 3.19657 14.0834C3.19772 14.0738 3.19537 14.0931 3.19657 14.0834C3.09513 14.6902 3.03041 15.3025 3.00276 15.9171C3.00276 15.9395 3.00139 15.9617 3.00139 15.9842C3.00139 23.2417 8.88576 29.1251 16.1441 29.1251C22.6445 29.1251 28.0419 24.4062 29.0986 18.2078C29.1208 18.0396 29.1387 17.8705 29.1583 17.7008C29.4196 15.4471 29.1293 13.0783 28.3059 11.0975ZM27.0021 11.7724C27.0027 11.777 27.0036 11.7819 27.0043 11.7865L27.0038 11.7851L27.0021 11.7724Z"
-        fill={`url(#${fillPathM})`}
-      />
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 512 512"
+      {...props}
+    >
       <defs>
         <linearGradient
-          id={fillPathB}
-          x1="2293.33"
-          y1="422.436"
-          x2="183.012"
-          y2="2458.14"
-          gradientUnits="userSpaceOnUse"
+          id={gradientA}
+          x1="87.25%"
+          y1="15.5%"
+          x2="9.4%"
+          y2="93.1%"
         >
-          <stop offset="0.05" stopColor="#FFF44F" />
-          <stop offset="0.37" stopColor="#FF980E" />
-          <stop offset="0.53" stopColor="#FF3647" />
-          <stop offset="0.7" stopColor="#E31587" />
+          <stop offset={0.05} stopColor="#fff44f" />
+          <stop offset={0.37} stopColor="#ff980e" />
+          <stop offset={0.53} stopColor="#ff3647" />
+          <stop offset={0.7} stopColor="#e31587" />
         </linearGradient>
         <radialGradient
-          id={fillPathC}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(1838.24 -267.685) scale(2688.01 2733.28)"
+          id={gradientB}
+          cx="87.4%"
+          cy="-12.9%"
+          r="128%"
+          gradientTransform="translate(0.874,0),scale(0.8,1),translate(-0.87,0.129)"
         >
-          <stop offset="0.13" stopColor="#FFBD4F" />
-          <stop offset="0.28" stopColor="#FF980E" />
-          <stop offset="0.47" stopColor="#FF3750" />
-          <stop offset="0.78" stopColor="#EB0878" />
-          <stop offset="0.86" stopColor="#E50080" />
+          <stop offset={0.13} stopColor="#ffbd4f" />
+          <stop offset={0.28} stopColor="#ff980e" />
+          <stop offset={0.47} stopColor="#ff3750" />
+          <stop offset={0.78} stopColor="#eb0878" />
+          <stop offset={0.86} stopColor="#e50080" />
         </radialGradient>
         <radialGradient
-          id={fillPathD}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(1057.58 861.92) scale(2755.21 2733.28)"
+          id={gradientC}
+          cx="49%"
+          cy="40%"
+          r="128%"
+          gradientTransform="translate(0.49,0.4),scale(0.82,1),translate(-0.49,-0.4)"
         >
-          <stop offset="0.3" stopColor="#960E18" />
-          <stop offset="0.35" stopColor="#B11927" stopOpacity="0.74" />
-          <stop offset="0.43" stopColor="#DB293D" stopOpacity="0.34" />
-          <stop offset="0.5" stopColor="#F5334B" stopOpacity="0.09" />
-          <stop offset="0.53" stopColor="#FF3750" stopOpacity="0" />
+          <stop offset={0.3} stopColor="#960e18" />
+          <stop offset={0.35} stopColor="#b11927" stopOpacity={0.74} />
+          <stop offset={0.43} stopColor="#db293d" stopOpacity={0.34} />
+          <stop offset={0.5} stopColor="#f5334b" stopOpacity={0.09} />
+          <stop offset={0.53} stopColor="#ff3750" stopOpacity={0} />
         </radialGradient>
-        <radialGradient
-          id={fillPathE}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(318.193 -126.387) scale(882.276 1497.88)"
-        >
-          <stop offset="0.13" stopColor="#FFF44F" />
-          <stop offset="0.53" stopColor="#FF980E" />
+        <radialGradient id={gradientD} cx="48%" cy="-12%" r="140%">
+          <stop offset={0.13} stopColor="#fff44f" />
+          <stop offset={0.53} stopColor="#ff980e" />
         </radialGradient>
-        <radialGradient
-          id={fillPathF}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(275.964 1418.22) scale(1167.49 1279.58)"
-        >
-          <stop offset="0.35" stopColor="#3A8EE6" />
-          <stop offset="0.67" stopColor="#9059FF" />
-          <stop offset="1" stopColor="#C139E6" />
+        <radialGradient id={gradientE} cx="22.76%" cy="110.11%" r="100%">
+          <stop offset={0.35} stopColor="#3a8ee6" />
+          <stop offset={0.67} stopColor="#9059ff" />
+          <stop offset={1} stopColor="#c139e6" />
         </radialGradient>
         <radialGradient
-          id={fillPathG}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(555.815 431.54) scale(619.935 754.951)"
+          id={gradientF}
+          cx="52%"
+          cy="33%"
+          r="59%"
+          gradientTransform="scale(.9,1)"
         >
-          <stop offset="0.21" stopColor="#9059FF" stopOpacity="0" />
-          <stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6" />
+          <stop offset={0.21} stopColor="#9059ff" stopOpacity={0} />
+          <stop offset={0.97} stopColor="#6e008b" stopOpacity={0.6} />
         </radialGradient>
-        <radialGradient
-          id={fillPathH}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(680.652 -313.962) scale(928.154 931.453)"
-        >
-          <stop offset="0.1" stopColor="#FFE226" />
-          <stop offset="0.79" stopColor="#FF7139" />
+        <radialGradient id={gradientG} cx="210%" cy="-100%" r="290%">
+          <stop offset={0.1} stopColor="#ffe226" />
+          <stop offset={0.79} stopColor="#ff7139" />
         </radialGradient>
-        <radialGradient
-          id={fillPathI}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(2070.96 -840.899) scale(4431.21 3719.76)"
-        >
-          <stop offset="0.11" stopColor="#FFF44F" />
-          <stop offset="0.46" stopColor="#FF980E" />
-          <stop offset="0.72" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
+        <radialGradient id={gradientH} cx="84%" cy="-41%" r="180%">
+          <stop offset={0.11} stopColor="#fff44f" />
+          <stop offset={0.46} stopColor="#ff980e" />
+          <stop offset={0.72} stopColor="#ff3647" />
+          <stop offset={0.9} stopColor="#e31587" />
         </radialGradient>
         <radialGradient
-          id={fillPathJ}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientTransform="matrix(306.811 1371.98 -6163.7 304.481 346.698 56.8109)"
-          gradientUnits="userSpaceOnUse"
+          id={gradientI}
+          cx="16.1%"
+          cy="-18.6%"
+          r="348.8%"
+          gradientTransform="translate(0.16,-0.19),scale(1,0.47),rotate(84),translate(-0.16,0.19)"
         >
-          <stop stopColor="#FFF44F" />
-          <stop offset="0.3" stopColor="#FF980E" />
-          <stop offset="0.57" stopColor="#FF3647" />
-          <stop offset="0.74" stopColor="#E31587" />
+          <stop offset={0} stopColor="#fff44f" />
+          <stop offset={0.3} stopColor="#ff980e" />
+          <stop offset={0.57} stopColor="#ff3647" />
+          <stop offset={0.74} stopColor="#e31587" />
         </radialGradient>
-        <radialGradient
-          id={fillPathK}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(215.037 -433.762) scale(2544.16 2499.47)"
-        >
-          <stop offset="0.14" stopColor="#FFF44F" />
-          <stop offset="0.48" stopColor="#FF980E" />
-          <stop offset="0.66" stopColor="#FF3647" />
-          <stop offset="0.9" stopColor="#E31587" />
+        <radialGradient id={gradientJ} cx="18.9%" cy="-42.5%" r="238.4%">
+          <stop offset={0.14} stopColor="#fff44f" />
+          <stop offset={0.48} stopColor="#ff980e" />
+          <stop offset={0.66} stopColor="#ff3647" />
+          <stop offset={0.9} stopColor="#e31587" />
         </radialGradient>
-        <radialGradient
-          id={fillPathL}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(1562.26 -378.01) scale(3058 2735.74)"
-        >
-          <stop offset="0.09" stopColor="#FFF44F" />
-          <stop offset="0.63" stopColor="#FF980E" />
+        <radialGradient id={gradientK} cx="159.3%" cy="-44.72%" r="313.1%">
+          <stop offset={0.09} stopColor="#fff44f" />
+          <stop offset={0.63} stopColor="#ff980e" />
         </radialGradient>
-        <linearGradient
-          id={fillPathM}
-          x1="2103"
-          y1="381.749"
-          x2="415.478"
-          y2="2225.56"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8" />
-          <stop offset="0.6" stopColor="#FFF44F" stopOpacity="0" />
+        <linearGradient id={gradientL} x1="80%" y1="14%" x2="18%" y2="84%">
+          <stop offset={0.17} stopColor="#fff44f" stopOpacity={0.8} />
+          <stop offset={0.6} stopColor="#fff44f" stopOpacity={0} />
         </linearGradient>
       </defs>
+      <path
+        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484a120.249 120.249 0 0 0-66.142 25.488 71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.913c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.08 12.7-2.365 15-0.022 0.177-0.032 0.347-0.053 0.524a229.066 229.066 0 0 0-3.9 33.157c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zM201.716 354.447c1.124 0.537 2.18 1.124 3.334 1.639 0.048 0.033 0.114 0.07 0.163 0.1a126.191 126.191 0 0 1-3.497-1.739zm55.053-144.93zm198.131-30.59l-0.032-0.233c0.012 0.085 0.027 0.174 0.04 0.259z"
+        fill={`url(#${gradientA})`}
+      />
+      <path
+        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
+        fill={`url(#${gradientB})`}
+      />
+      <path
+        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
+        fill={`url(#${gradientC})`}
+      />
+      <path
+        d="M361.922 194.6c0.524 0.368 1 0.734 1.493 1.1a130.706 130.706 0 0 0-22.31-29.112C266.4 91.892 321.516 4.626 330.811 0.194c0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.051 0 84.289 24.77 105.301 61.487z"
+        fill={`url(#${gradientD})`}
+      />
+      <path
+        d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
+        fill={`url(#${gradientE})`}
+      />
+      <path
+        d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
+        fill={`url(#${gradientF})`}
+      />
+      <path
+        d="M170.829 151.036a244.042 244.042 0 0 1 4.981 3.3 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7 1.155-0.033 36.014-0.66 53.543 10.732z"
+        fill={`url(#${gradientG})`}
+      />
+      <path
+        d="M18.223 261.41C36.766 370.988 136.1 454.651 248.855 457.844c104.361 2.954 171.037-57.62 198.576-116.716 17.8-38.2 30.154-100.7 7.479-162.175l-0.008-0.026-0.032-0.233c-0.025-0.178-0.04-0.284-0.036-0.226 0 0.039 0.015 0.136 0.047 0.4 8.524 55.661-19.79 109.584-64.051 146.044l-0.133 0.313c-86.245 70.223-168.774 42.368-185.484 30.966a144.108 144.108 0 0 1-3.5-1.743c-50.282-24.029-71.054-69.838-66.6-109.124-42.457 0-56.934-35.809-56.934-35.809s38.119-27.179 88.358-3.541c46.53 21.893 90.228 3.543 90.233 3.541-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 282.929 282.929 0 0 0-4.981-3.3c-17.528-11.392-52.388-10.765-53.543-10.735h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.919c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-8.65 37.842-4.44 57.199z"
+        fill={`url(#${gradientH})`}
+      />
+      <path
+        id="tail-flame"
+        d="M341.105 166.587a130.706 130.706 0 0 1 22.31 29.112c1.323 0.994 2.559 1.985 3.608 2.952 54.482 50.2 25.936 121.2 23.807 126.26 44.261-36.46 72.575-90.383 64.051-146.044C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1-9.291 4.428-64.407 91.694 10.298 166.389z"
+        fill={`url(#${gradientI})`}
+      />
+      <path
+        id="tail-small"
+        d="M367.023 198.651c-1.049-0.967-2.285-1.958-3.608-2.952-0.489-0.368-0.969-0.734-1.493-1.1-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1 16.71 11.4 99.239 39.257 185.484-30.966l0.133-0.313c2.129-5.054 30.675-76.057-23.807-126.258z"
+        fill={`url(#${gradientJ})`}
+      />
+      <path
+        id="cheek-tufts"
+        d="M148.439 277.443s11.093-41.335 79.432-41.335c7.388 0 28.509-20.615 28.9-26.593s-43.7 18.352-90.233-3.541c-50.239-23.638-88.358 3.541-88.358 3.541s14.477 35.809 56.934 35.809c-4.453 39.286 16.319 85.1 66.6 109.124 1.124 0.537 2.18 1.124 3.334 1.639-29.348-15.169-53.582-43.834-56.609-78.644z"
+        fill={`url(#${gradientK})`}
+      />
+      <path
+        id="overlay-yellow"
+        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.053 0 84.291 24.77 105.3 61.484-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1a144.108 144.108 0 0 1-3.5-1.743c1.124 0.537 2.18 1.124 3.334 1.639-29.35-15.168-53.584-43.833-56.611-78.643 0 0 11.093-41.335 79.432-41.335 7.388 0 28.509-20.615 28.9-26.593-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.435 26.916c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.486 12.853-2.77 15.156-0.022 0.177 0.021-0.176 0 0a279.565 279.565 0 0 0-3.544 33.53c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zm-23.841 12.341c0.012 0.085 0.027 0.174 0.04 0.259l-0.008-0.026-0.032-0.233z"
+        fill={`url(#${gradientL})`}
+      />
     </svg>
   );
 };
diff --git a/frontend/pages/SoftwarePage/components/icons/ITerm.tsx b/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
index 86a31614fdb9..4c05bbdfb14f 100644
--- a/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const ITerm = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx b/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
index 1b8206b2fa7b..fb10ed25740b 100644
--- a/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
@@ -10,7 +10,12 @@ const IntuneCompanyPortal = (props: SVGProps<SVGSVGElement>) => {
   const fillPathDId = uniqueId("fill-path-d-");
 
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <g clipPath={`url(#${clipPathId})`}>
         <path fill="#fff" d="M32 0H0v32h32V0Z" />
         <mask
diff --git a/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
index 4ffccda4d873..ec2d7af7823f 100644
--- a/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
@@ -3,7 +3,12 @@ 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}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/MacOS.tsx b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
index 5cb9925bf6d6..897cbfe3c993 100644
--- a/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
@@ -3,7 +3,12 @@ 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}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Notion.tsx b/frontend/pages/SoftwarePage/components/icons/Notion.tsx
index bae121084afa..7edcd10374d1 100644
--- a/frontend/pages/SoftwarePage/components/icons/Notion.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Notion.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Notion = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="m4.891 3.864 14.715-1.082c1.806-.155 2.272-.05 3.408.774l4.697 3.301c.774.568 1.033.723 1.033 1.342v18.106c0 1.135-.414 1.806-1.859 1.909L9.798 29.245c-1.085.052-1.601-.103-2.17-.825l-3.46-4.489c-.62-.825-.877-1.443-.877-2.166V5.669c0-.927.413-1.702 1.6-1.804Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx b/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
index 49fb5546f6db..8f903c6ed405 100644
--- a/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
@@ -38,7 +38,6 @@ const OSIcon = ({ name = "", size = "small", url }: IOSIconProps) => {
     <MatchedIcon
       width={SOFTWARE_ICON_SIZES[size]}
       height={SOFTWARE_ICON_SIZES[size]}
-      viewBox="0 0 32 32"
       className={classNames}
     />
   );
diff --git a/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx b/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
index 69e209cdcc92..7acdb9ec5698 100644
--- a/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const OmnissaHorizonClient = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx b/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
index 55fe4c0655a6..abf849e54f3c 100644
--- a/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const OnePassword = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <rect width="32" height="32" fill="#C0C4CF" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/P4V.tsx b/frontend/pages/SoftwarePage/components/icons/P4V.tsx
index 0b6692955bab..896af38698aa 100644
--- a/frontend/pages/SoftwarePage/components/icons/P4V.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/P4V.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const P4V = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Package.tsx b/frontend/pages/SoftwarePage/components/icons/Package.tsx
index f7353dc40c27..c19303949875 100644
--- a/frontend/pages/SoftwarePage/components/icons/Package.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Package.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Package = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Postman.tsx b/frontend/pages/SoftwarePage/components/icons/Postman.tsx
index c3d7f24c8d27..3ecddadbe2b0 100644
--- a/frontend/pages/SoftwarePage/components/icons/Postman.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Postman.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Postman = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#EEE" d="M0 0h32v32H0z" />
     <path fill="#FF6C37" d="M0 0h32v32H0z" />
     <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Safari.tsx b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
index 5ebef22dc693..3e27e263c648 100644
--- a/frontend/pages/SoftwarePage/components/icons/Safari.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
@@ -9,7 +9,12 @@ const Safari = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientCId = uniqueId("Name=safari_svg__c");
 
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <path
         d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Santa.tsx b/frontend/pages/SoftwarePage/components/icons/Santa.tsx
index 12f3d70bb7ae..76fe70e839e3 100644
--- a/frontend/pages/SoftwarePage/components/icons/Santa.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Santa.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Santa = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <g clipPath={`url(#${clipPathId})`}>
         <path fill="#DC2626" d="M32 0H0v32h32V0Z" />
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Slack.tsx b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
index eebaf8a99bc4..1126f07c8988 100644
--- a/frontend/pages/SoftwarePage/components/icons/Slack.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Slack = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`} fillRule="evenodd" clipRule="evenodd">
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx b/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
index 324a5eab296d..ac7faa2fa89e 100644
--- a/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
@@ -83,7 +83,6 @@ const SoftwareIcon = ({
     <MatchedIcon
       width={SOFTWARE_ICON_SIZES[size]}
       height={SOFTWARE_ICON_SIZES[size]}
-      viewBox="0 0 32 32"
       className={classNames}
     />
   );
diff --git a/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx b/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
index 410fd6065bf5..9fdf6913f219 100644
--- a/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
@@ -8,7 +8,12 @@ const TeamViewer = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
 
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <g clipPath={`url(#${clipPathId})`}>
         <path
           d="M28.6574 9.77963e-05H3.3075C2.42389 0.0114778 0.00120871 0.0290568 0.00120871 0.0290568C0.00120871 0.0290568 -0.00298867 2.44982 0.0012628 3.32197V28.6782V32H3.32625H28.6762H32.0012V28.6782V3.32197V2V0L30 9.77963e-05H28.6574ZM15.9887 29.2313C12.4589 29.2044 9.08421 27.7957 6.6062 25.3148C4.12818 22.8338 2.74953 19.4836 2.77313 16.0001C2.74953 12.5166 4.12818 9.16629 6.6062 6.68535C9.08421 4.20441 12.4589 2.79574 15.9887 2.76884C19.5202 2.7933 22.8973 4.20089 25.3773 6.6821C27.8573 9.16331 29.2373 12.515 29.2137 16.0001C29.2373 19.4852 27.8573 22.8368 25.3773 25.318C22.8973 27.7992 19.5202 29.2068 15.9887 29.2313Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Teams.tsx b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
index c4e06b028019..76b5255adcab 100644
--- a/frontend/pages/SoftwarePage/components/icons/Teams.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Teams = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientId = uniqueId("linear-gradient-");
   return (
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
index 285bb3cb822d..b6b8c37c7ae3 100644
--- a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const VisualStudioCode = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx b/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
index c7f0d26bc822..543d8c3a7ef2 100644
--- a/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const VncViewer = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx b/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
index c6494695747f..7e3bd952e8ab 100644
--- a/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WhatsApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#1BD741" d="M0 0h32v32H0z" />
     <path
       d="m5.675 27.068 1.567-5.567a11.142 11.142 0 0 1-1.538-5.662c0-6.163 5.013-11.176 11.176-11.176s11.176 5.013 11.176 11.176-5.014 11.176-11.176 11.176c-1.92 0-3.8-.491-5.464-1.425l-5.741 1.478Zm6.035-3.511.342.209a9.26 9.26 0 0 0 4.828 1.353c5.117 0 9.28-4.163 9.28-9.28 0-5.117-4.163-9.28-9.28-9.28-5.117 0-9.28 4.163-9.28 9.28 0 1.783.506 3.514 1.465 5.007l.23.359-.902 3.206 3.317-.854Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
index 7849741447be..e70dcbf303b8 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
index 7ff3cb3f7f2c..98e3bef93b49 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
@@ -4,7 +4,12 @@ import type { SVGProps } from "react";
 
 const WindowsAppRemote = (props: SVGProps<SVGSVGElement>) => {
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <rect fill="#0078D4" width="32" height="32" />
       <path
         fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
index 1dbab8f73ca4..d924eb7d6ad7 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
@@ -3,7 +3,12 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsDefender = (props: SVGProps<SVGSVGElement>) => (
-  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="M16.858 5.512c-.085-.002-.113.012-.125.044v9.875l9.742-.035c.096-.117.123-1.002.112-4.04l-.012-3.099-.25-.008c-2.914-.097-4.502-.51-6.267-1.633-.588-.374-.707-.437-1.141-.616a7.058 7.058 0 0 0-2.059-.488Zm-1.605.008a4.59 4.59 0 0 0-.538.067c-1.004.171-1.711.452-2.576 1.013-.907.589-1.507.874-2.442 1.15-.903.27-2.422.468-3.767.5l-.385.007-.007 3.12c-.008 2.237.003 3.25.038 3.586l.046.468h9.765V5.528l-.134-.008ZM26.21 16.737c0 .094-9.47.027-9.47.027l.027 10.967c.05 0 .2-.081.658-.35.084-.051.53-.344.992-.652 1.576-1.056 2.706-1.988 3.852-3.173 1.327-1.376 2.211-2.581 2.972-4.051.492-.955.969-2.265.969-2.674v-.094Zm-10.823.02-9.457.019c-.03.055.038.413.154.791.4 1.291 1.176 2.788 2.068 3.985 1.019 1.36 2.407 2.76 4.025 4.062 1.023.819 2.926 2.078 3.145 2.078l.065-10.935Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
index bd11094ca547..5e075cde1a57 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
@@ -3,7 +3,12 @@ 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}>
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Word.tsx b/frontend/pages/SoftwarePage/components/icons/Word.tsx
index e83189497d27..cbf6157d03f6 100644
--- a/frontend/pages/SoftwarePage/components/icons/Word.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Word.tsx
@@ -11,7 +11,12 @@ const Word = (props: SVGProps<SVGSVGElement>) => {
   const gradEId = uniqueId("word-gradient-e-");
 
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...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"
diff --git a/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx b/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
index 9084f8bae117..797ccdafdfcb 100644
--- a/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const YubiKeyManager = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
index 1d616a77ec38..55b9cc49303b 100644
--- a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
@@ -6,7 +6,12 @@ import type { SVGProps } from "react";
 const Zoom = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientId = uniqueId("linear-gradient-");
   return (
-    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <svg
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 32 32"
+      {...props}
+    >
       <path fill={`url(#${linearGradientId})`} 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"
diff --git a/frontend/pages/SoftwarePage/components/icons/iOS.tsx b/frontend/pages/SoftwarePage/components/icons/iOS.tsx
index 0feb26a0bd4c..8ebc6eebb9ef 100644
--- a/frontend/pages/SoftwarePage/components/icons/iOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/iOS.tsx
@@ -6,7 +6,12 @@ const iOS = (props: SVGProps<SVGSVGElement>) => {
   // Note: smaller icon on OS table has thicker outline and a smaller Apple logo
   if (props.width === "24") {
     return (
-      <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <svg
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 32 32"
+        {...props}
+      >
         <g transform="translate(4, 4) scale(1.5)">
           <rect
             x="5"
diff --git a/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx b/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
index 7416c688db93..3acf3eef6dd9 100644
--- a/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
@@ -6,7 +6,12 @@ const iPadOS = (props: SVGProps<SVGSVGElement>) => {
   // Note: smaller icon on OS table has thicker outline and a smaller Apple logo
   if (props.width === "24") {
     return (
-      <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <svg
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 32 32"
+        {...props}
+      >
         <g transform="translate(4, 4) scale(1.5)">
           <rect
             x="3.875"

From b74694c025b399356a6533d23992e7d9f8f2f748 Mon Sep 17 00:00:00 2001
From: Marko Lisica <markol.lisica@gmail.com>
Date: Fri, 10 Oct 2025 18:24:31 +0200
Subject: [PATCH 2/2] reverted viewBox back to icon component and added g
 element with transform to firefox icon

---
 .../components/icons/AcrobatReader.tsx        |   7 +-
 .../components/icons/AdobeCreativeCloud.tsx   |   2 +-
 .../components/icons/AmazonDCV.tsx            |   7 +-
 .../components/icons/AndroidApp.tsx           |   7 +-
 .../components/icons/AppStore.tsx             |   7 +-
 .../components/icons/AppleApp.tsx             |   7 +-
 .../components/icons/BeyondCompare.tsx        |   2 +-
 .../SoftwarePage/components/icons/Box.tsx     |   7 +-
 .../SoftwarePage/components/icons/Brave.tsx   |   7 +-
 .../components/icons/ChromeApp.tsx            |   7 +-
 .../components/icons/ChromeOS.tsx             |   7 +-
 .../components/icons/Cloudflare.tsx           |   7 +-
 .../SoftwarePage/components/icons/Docker.tsx  |   7 +-
 .../SoftwarePage/components/icons/Edge.tsx    |   7 +-
 .../SoftwarePage/components/icons/Excel.tsx   |   7 +-
 .../components/icons/Extension.tsx            |   7 +-
 .../SoftwarePage/components/icons/Falcon.tsx  |   9 +-
 .../SoftwarePage/components/icons/Figma.tsx   |   7 +-
 .../SoftwarePage/components/icons/Firefox.tsx | 108 +++++++++---------
 .../SoftwarePage/components/icons/ITerm.tsx   |   2 +-
 .../components/icons/IntuneCompanyPortal.tsx  |   7 +-
 .../SoftwarePage/components/icons/LinuxOS.tsx |   7 +-
 .../SoftwarePage/components/icons/MacOS.tsx   |   7 +-
 .../SoftwarePage/components/icons/Notion.tsx  |   7 +-
 .../components/icons/OSIcon/OSIcon.tsx        |   1 +
 .../components/icons/OmnissaHorizonClient.tsx |   2 +-
 .../components/icons/OnePassword.tsx          |   7 +-
 .../SoftwarePage/components/icons/P4V.tsx     |   2 +-
 .../SoftwarePage/components/icons/Package.tsx |   7 +-
 .../SoftwarePage/components/icons/Postman.tsx |   7 +-
 .../SoftwarePage/components/icons/Safari.tsx  |   7 +-
 .../SoftwarePage/components/icons/Santa.tsx   |   7 +-
 .../SoftwarePage/components/icons/Slack.tsx   |   7 +-
 .../icons/SoftwareIcon/SoftwareIcon.tsx       |   1 +
 .../components/icons/TeamViewer.tsx           |   7 +-
 .../SoftwarePage/components/icons/Teams.tsx   |   7 +-
 .../components/icons/VisualStudioCode.tsx     |   7 +-
 .../components/icons/VncViewer.tsx            |   2 +-
 .../components/icons/WhatsApp.tsx             |   7 +-
 .../components/icons/WindowsApp.tsx           |   7 +-
 .../components/icons/WindowsAppRemote.tsx     |   7 +-
 .../components/icons/WindowsDefender.tsx      |   7 +-
 .../components/icons/WindowsOS.tsx            |   7 +-
 .../SoftwarePage/components/icons/Word.tsx    |   7 +-
 .../components/icons/YubikeyManager.tsx       |   2 +-
 .../SoftwarePage/components/icons/Zoom.tsx    |   7 +-
 .../SoftwarePage/components/icons/iOS.tsx     |   7 +-
 .../SoftwarePage/components/icons/iPadOS.tsx  |   7 +-
 48 files changed, 102 insertions(+), 290 deletions(-)

diff --git a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
index d4172c7c99cf..2a28a7ca1d3e 100644
--- a/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AcrobatReader.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AcrobatReader = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    fill="none"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#B30B00" d="M0 0h32v32H0z" />
     <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx b/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
index 3bd015cfc106..5962df7a6c30 100644
--- a/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AdobeCreativeCloud.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const AdobeCreativeCloud = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx b/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
index bb44cfbd10fe..2c2ad3917620 100644
--- a/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AmazonDCV.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AmazonDCV = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path
       d="M17.5 1.34381C17.5216 1.34684 17.5432 1.34988 17.5655 1.353C18.9125 1.54262 20.2349 1.88811 21.4688 2.46881C21.532 2.49794 21.5953 2.52708 21.6586 2.55621C22.3698 2.88735 23.0446 3.2691 23.6875 3.71881C23.7122 3.73601 23.7369 3.75321 23.7623 3.77093C24.1902 4.07057 24.6029 4.3897 24.9873 4.74395C25.0286 4.7816 25.0701 4.81901 25.1126 4.85522C25.3052 5.01967 25.4841 5.19708 25.663 5.37607C25.7164 5.42937 25.77 5.48242 25.8237 5.53546C26.0097 5.72055 26.1847 5.90796 26.3474 6.11414C26.4042 6.18501 26.4636 6.25188 26.5254 6.31842C26.7091 6.52325 26.8692 6.74674 27.0312 6.96881C27.0467 6.98993 27.0622 7.01106 27.0782 7.03282C28.7073 9.2644 29.7138 12.0872 29.7251 14.863C29.7253 14.8992 29.7255 14.9355 29.7258 14.9729C29.7263 15.0894 29.7265 15.2058 29.7266 15.3223C29.7266 15.3821 29.7266 15.3821 29.7266 15.4431C29.7261 16.0515 29.7101 16.6471 29.625 17.2501C29.6195 17.2902 29.6139 17.3303 29.6082 17.3716C29.268 19.801 28.3146 22.0904 26.8125 24.0313C26.7829 24.07 26.7533 24.1086 26.7238 24.1473C26.5684 24.349 26.4076 24.542 26.2339 24.7283C26.1752 24.792 26.1187 24.8564 26.0625 24.9223C25.9134 25.0932 25.753 25.2528 25.5927 25.4131C25.5394 25.4665 25.4864 25.5201 25.4333 25.5737C25.2483 25.7597 25.0608 25.9347 24.8547 26.0975C24.7838 26.1543 24.7169 26.2137 24.6504 26.2754C24.4454 26.4591 24.2225 26.6197 24 26.7813C23.9757 26.799 23.9513 26.8167 23.9263 26.8349C23.5462 27.1095 23.1561 27.3596 22.75 27.5938C22.7277 27.6068 22.7055 27.6199 22.6825 27.6333C22.0093 28.0263 21.2966 28.363 20.5625 28.6251C20.5101 28.6439 20.5101 28.6439 20.4565 28.6631C19.4914 29.0059 18.5139 29.2327 17.5 29.3751C17.461 29.3807 17.4219 29.3863 17.3817 29.392C16.1893 29.5549 14.9097 29.546 13.7188 29.3751C13.6971 29.372 13.6755 29.369 13.6532 29.3659C12.3063 29.1763 10.9839 28.8308 9.75 28.2501C9.68673 28.2209 9.62345 28.1918 9.56018 28.1627C8.84892 27.8315 8.17417 27.4498 7.53125 27.0001C7.50657 26.9829 7.48188 26.9657 7.45645 26.9479C7.02853 26.6483 6.61582 26.3292 6.23145 25.9749C6.19018 25.9373 6.14867 25.8999 6.10613 25.8636C5.91353 25.6992 5.73466 25.5218 5.5557 25.3428C5.50233 25.2895 5.44871 25.2365 5.39508 25.1834C5.20906 24.9983 5.03407 24.8109 4.87131 24.6047C4.81454 24.5339 4.75511 24.467 4.69336 24.4004C4.50963 24.1956 4.34952 23.9721 4.1875 23.7501C4.17202 23.7289 4.15653 23.7078 4.14058 23.686C2.51046 21.4532 1.50497 18.6329 1.49365 15.8559C1.49343 15.8196 1.49321 15.7834 1.49299 15.746C1.49244 15.6295 1.49224 15.513 1.49219 15.3965C1.49217 15.3567 1.49214 15.3168 1.49212 15.2757C1.49263 14.6674 1.50862 14.0718 1.59375 13.4688C1.59928 13.4287 1.60481 13.3886 1.6105 13.3473C2.02714 10.3722 3.38125 7.59995 5.67123 5.26053C5.7189 5.2128 5.76631 5.16481 5.81372 5.11682C5.98889 4.94067 6.16779 4.77715 6.36271 4.62274C6.43395 4.56542 6.50135 4.50559 6.56836 4.44342C6.77336 4.25979 6.99627 4.09913 7.21875 3.93756C7.24308 3.91988 7.2674 3.90221 7.29247 3.884C7.67257 3.60941 8.06262 3.35926 8.46875 3.12506C8.49101 3.11204 8.51327 3.09902 8.53621 3.0856C9.20949 2.6926 9.92219 2.35589 10.6562 2.09381C10.7087 2.07498 10.7087 2.07498 10.7622 2.05577C11.7274 1.71293 12.7049 1.48614 13.7188 1.34381C13.7773 1.3354 13.7773 1.3354 13.8371 1.32683C15.0295 1.16397 16.3091 1.17289 17.5 1.34381Z"
       fill="#FEFEFE"
diff --git a/frontend/pages/SoftwarePage/components/icons/AndroidApp.tsx b/frontend/pages/SoftwarePage/components/icons/AndroidApp.tsx
index 937430bb8a18..0bb888c3521a 100644
--- a/frontend/pages/SoftwarePage/components/icons/AndroidApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AndroidApp.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AndroidApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <rect width="32" height="32" rx="4" fill="#515774" />
     <path
       d="M22.5479 9.35083C22.6927 9.36356 22.8329 9.40859 22.958 9.48267C23.1353 9.58752 23.2749 9.74676 23.3545 9.93677C23.4126 10.0745 23.4372 10.2241 23.4277 10.3733C23.4183 10.5225 23.3748 10.6678 23.2998 10.7971C23.1517 11.0535 23.0026 11.3103 22.8535 11.5667L22.2324 12.6389C22.0205 13.005 21.8075 13.3706 21.5957 13.7366C21.5917 13.7432 21.5889 13.7506 21.585 13.7571C22.2592 14.1778 22.8838 14.6732 23.4473 15.2336C24.2193 16.0005 24.8683 16.8829 25.3711 17.8479C25.8846 18.8327 26.2393 19.8928 26.4209 20.9885C26.428 21.0309 26.4345 21.0736 26.4414 21.1165L26.4395 21.1174C26.4628 21.2704 26.4832 21.4243 26.5 21.5793H5.5C5.51669 21.4249 5.53686 21.2709 5.56055 21.1174C5.5671 21.075 5.57393 21.0319 5.58105 20.9895C5.62469 20.7272 5.67821 20.4665 5.74121 20.2083C5.942 19.389 6.24088 18.5968 6.63086 17.8489C6.85674 17.4148 7.11222 16.9962 7.39648 16.5979C7.91793 15.8671 8.53011 15.2053 9.21777 14.6282C9.60222 14.3057 10.0093 14.0111 10.4355 13.7463C10.434 13.7434 10.4313 13.7406 10.4297 13.7375C10.2179 13.3716 10.0057 13.0059 9.79395 12.6399C9.58679 12.2827 9.38033 11.9249 9.17285 11.5676C9.02448 11.3108 8.87564 11.0536 8.72656 10.7971C8.69151 10.7365 8.66378 10.6739 8.64258 10.6096C8.57209 10.3895 8.58218 10.1508 8.67188 9.93774C8.6891 9.89624 8.71035 9.85553 8.7334 9.81665C8.81536 9.67961 8.93009 9.56518 9.06738 9.48364C9.19254 9.40897 9.3333 9.36317 9.47852 9.35083C9.66098 9.33484 9.84433 9.37179 10.0068 9.4563C10.1693 9.54081 10.3048 9.66984 10.3965 9.82837C10.5446 10.0847 10.6928 10.3417 10.8418 10.5979L11.4639 11.6702C11.6756 12.0361 11.8878 12.4018 12.0996 12.7678C12.1208 12.8052 12.1435 12.8428 12.165 12.8801C12.2849 12.8329 12.4057 12.7878 12.5273 12.7454C13.5831 12.3779 14.7149 12.1731 15.8926 12.1614C15.929 12.1609 15.9648 12.1604 16.001 12.1604C17.3255 12.1604 18.5927 12.4045 19.7607 12.8499C19.7929 12.8621 19.8253 12.8751 19.8574 12.8879C19.8804 12.8475 19.9037 12.8077 19.9268 12.7678C20.1385 12.4019 20.3507 12.0361 20.5625 11.6702L21.1846 10.5979C21.333 10.3415 21.4811 10.0839 21.6299 9.82739C21.7062 9.69563 21.8136 9.58388 21.9414 9.50122C22.0692 9.41871 22.2149 9.36725 22.3662 9.35181C22.4266 9.34571 22.4874 9.3457 22.5479 9.35083ZM11.8047 16.7991C11.3845 16.5194 10.765 16.7134 10.4199 17.2317C10.0752 17.7503 10.1358 18.3972 10.5557 18.677C10.9758 18.9567 11.5966 18.763 11.9414 18.2444C12.2861 17.7259 12.2247 17.0787 11.8047 16.7991ZM21.5986 17.2297C21.2539 16.7113 20.6338 16.5177 20.2139 16.7971C19.7937 17.0768 19.7321 17.7249 20.0771 18.2434C20.422 18.7619 21.043 18.9547 21.4629 18.675C21.8827 18.3952 21.9435 17.748 21.5986 17.2297Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/AppStore.tsx b/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
index bb717b6eeeaa..42632e584af8 100644
--- a/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AppStore.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AppStore = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#515774" d="M0 0h32v32H0z" />
     <path
       d="m15.96 7.564.648-1.12A1.458 1.458 0 1 1 19.136 7.9l-6.244 10.808h4.516c1.464 0 2.284 1.72 1.648 2.912H5.816a1.451 1.451 0 0 1-1.456-1.456c0-.808.648-1.456 1.456-1.456h3.712l4.752-8.236-1.484-2.576a1.46 1.46 0 0 1 2.528-1.456l.636 1.124ZM10.344 23.12l-1.4 2.428a1.458 1.458 0 1 1-2.528-1.456l1.04-1.8c1.176-.364 2.132-.084 2.888.828ZM22.4 18.716h3.788c.808 0 1.456.648 1.456 1.456 0 .808-.648 1.456-1.456 1.456h-2.104l1.42 2.464a1.46 1.46 0 0 1-2.528 1.456c-2.392-4.148-4.188-7.252-5.38-9.32-1.22-2.104-.348-4.216.512-4.932.956 1.64 2.384 4.116 4.292 7.42Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx b/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
index 0e0d7450af31..0139e2094cb6 100644
--- a/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/AppleApp.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const AppleApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#515774" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx b/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
index 5bf92a261845..754e6c444509 100644
--- a/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/BeyondCompare.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const BeyondCompare = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Box.tsx b/frontend/pages/SoftwarePage/components/icons/Box.tsx
index d8f8b1f7e2d5..005f14263050 100644
--- a/frontend/pages/SoftwarePage/components/icons/Box.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Box.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Box = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#0061D5" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Brave.tsx b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
index c8a6ce563ad7..ea780aedd9f3 100644
--- a/frontend/pages/SoftwarePage/components/icons/Brave.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Brave.tsx
@@ -6,12 +6,7 @@ const Brave = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   const fillPathId = uniqueId("fill-path-");
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <rect width="32" height="32" fill="white" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
index 324198f9e644..36dbc5199395 100644
--- a/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeApp.tsx
@@ -9,12 +9,7 @@ const ChromeApp = (props: SVGProps<SVGSVGElement>) => {
   const fillPathCId = uniqueId("fill-path-c-");
   const fillPathDId = uniqueId("fill-path-d-");
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path d="M16 21.997a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z" fill="#fff" />
diff --git a/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
index c4e7a32aebdd..b2c7de845376 100644
--- a/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ChromeOS.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const ChromeOS = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx b/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
index c1e6ba15f8ff..1cf10d2deee8 100644
--- a/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Cloudflare.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Cloudflare = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="M20.688 20.375C21.375 18.75 20.438 18 19.5 18l-9.25-.125c-.25 0-.25-.375.063-.438l9.374-.125c1.063-.062 2.313-.937 2.688-2.062 0 0 .625-1.313.563-1.5a6.063 6.063 0 0 0-11.688-.688c-2.375-1.562-4.875.563-4.313 2.876a3.913 3.913 0 0 0-3.75 4.5c0 .062.063.125.188.125H20.5c.063 0 .188-.063.188-.188Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Docker.tsx b/frontend/pages/SoftwarePage/components/icons/Docker.tsx
index c9e696114cdd..051038511042 100644
--- a/frontend/pages/SoftwarePage/components/icons/Docker.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Docker.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Docker = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#1D63ED" d="M0 0h32v32H0z" />
     <path
       d="M28.133 14.727c-.587-.394-2.129-.563-3.25-.261-.06-1.116-.635-2.057-1.688-2.878l-.39-.262-.26.393c-.51.775-.726 1.808-.65 2.747.06.578.262 1.228.65 1.7-1.459.846-2.803.654-8.758.654H4.594c-.027 1.345.19 3.93 1.834 6.036.182.233.381.458.597.675 1.337 1.339 3.358 2.32 6.379 2.323 4.609.005 8.558-2.487 10.96-8.51.79.013 2.877.141 3.898-1.832.025-.033.26-.523.26-.523l-.39-.262Zm-17.54-1.23H8.01v2.586h2.585v-2.585Zm3.34 0h-2.585v2.586h2.586v-2.585Zm3.34 0h-2.585v2.586h2.585v-2.585Zm3.34 0h-2.585v2.586h2.585v-2.585Zm-13.36 0H4.67v2.586h2.585v-2.585Zm3.34-3.264H8.01v2.585h2.585v-2.585Zm3.34 0h-2.585v2.585h2.586v-2.585Zm3.34 0h-2.585v2.585h2.585v-2.585Zm0-3.266h-2.585v2.585h2.585V6.967Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Edge.tsx b/frontend/pages/SoftwarePage/components/icons/Edge.tsx
index 2f85ad76affd..2731e666ec9e 100644
--- a/frontend/pages/SoftwarePage/components/icons/Edge.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Edge.tsx
@@ -12,12 +12,7 @@ const Edge = (props: SVGProps<SVGSVGElement>) => {
   const fillPathF = uniqueId("fill-path-f-");
 
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <rect width="32" height="32" fill="white" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Excel.tsx b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
index 0a0ae09c76a1..216e6f866189 100644
--- a/frontend/pages/SoftwarePage/components/icons/Excel.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Excel.tsx
@@ -7,12 +7,7 @@ const Excel = (props: SVGProps<SVGSVGElement>) => {
   const gradientId = uniqueId("gradient-");
 
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/Extension.tsx b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
index b1ed3c0393ce..536424fba318 100644
--- a/frontend/pages/SoftwarePage/components/icons/Extension.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Extension.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Extension = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`} stroke="#693202" strokeWidth=".52">
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Falcon.tsx b/frontend/pages/SoftwarePage/components/icons/Falcon.tsx
index e15d8b31004b..7359b98b8afa 100644
--- a/frontend/pages/SoftwarePage/components/icons/Falcon.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Falcon.tsx
@@ -3,14 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Falcon = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    width="32"
-    height="32"
-    viewBox="0 0 32 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <rect width="32" height="32" fill="#D31C12" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Figma.tsx b/frontend/pages/SoftwarePage/components/icons/Figma.tsx
index 308397e18f69..1ed627c2b033 100644
--- a/frontend/pages/SoftwarePage/components/icons/Figma.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Figma.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Figma = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <path fill="#333" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
index ec702e640a89..6b0473dc8627 100644
--- a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
@@ -22,7 +22,7 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
     <svg
       xmlns="http://www.w3.org/2000/svg"
       fill="none"
-      viewBox="0 0 512 512"
+      viewBox="0 0 32 32"
       {...props}
     >
       <defs>
@@ -120,58 +120,60 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           <stop offset={0.6} stopColor="#fff44f" stopOpacity={0} />
         </linearGradient>
       </defs>
-      <path
-        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484a120.249 120.249 0 0 0-66.142 25.488 71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.913c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.08 12.7-2.365 15-0.022 0.177-0.032 0.347-0.053 0.524a229.066 229.066 0 0 0-3.9 33.157c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zM201.716 354.447c1.124 0.537 2.18 1.124 3.334 1.639 0.048 0.033 0.114 0.07 0.163 0.1a126.191 126.191 0 0 1-3.497-1.739zm55.053-144.93zm198.131-30.59l-0.032-0.233c0.012 0.085 0.027 0.174 0.04 0.259z"
-        fill={`url(#${gradientA})`}
-      />
-      <path
-        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
-        fill={`url(#${gradientB})`}
-      />
-      <path
-        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
-        fill={`url(#${gradientC})`}
-      />
-      <path
-        d="M361.922 194.6c0.524 0.368 1 0.734 1.493 1.1a130.706 130.706 0 0 0-22.31-29.112C266.4 91.892 321.516 4.626 330.811 0.194c0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.051 0 84.289 24.77 105.301 61.487z"
-        fill={`url(#${gradientD})`}
-      />
-      <path
-        d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
-        fill={`url(#${gradientE})`}
-      />
-      <path
-        d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
-        fill={`url(#${gradientF})`}
-      />
-      <path
-        d="M170.829 151.036a244.042 244.042 0 0 1 4.981 3.3 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7 1.155-0.033 36.014-0.66 53.543 10.732z"
-        fill={`url(#${gradientG})`}
-      />
-      <path
-        d="M18.223 261.41C36.766 370.988 136.1 454.651 248.855 457.844c104.361 2.954 171.037-57.62 198.576-116.716 17.8-38.2 30.154-100.7 7.479-162.175l-0.008-0.026-0.032-0.233c-0.025-0.178-0.04-0.284-0.036-0.226 0 0.039 0.015 0.136 0.047 0.4 8.524 55.661-19.79 109.584-64.051 146.044l-0.133 0.313c-86.245 70.223-168.774 42.368-185.484 30.966a144.108 144.108 0 0 1-3.5-1.743c-50.282-24.029-71.054-69.838-66.6-109.124-42.457 0-56.934-35.809-56.934-35.809s38.119-27.179 88.358-3.541c46.53 21.893 90.228 3.543 90.233 3.541-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 282.929 282.929 0 0 0-4.981-3.3c-17.528-11.392-52.388-10.765-53.543-10.735h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.919c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-8.65 37.842-4.44 57.199z"
-        fill={`url(#${gradientH})`}
-      />
-      <path
-        id="tail-flame"
-        d="M341.105 166.587a130.706 130.706 0 0 1 22.31 29.112c1.323 0.994 2.559 1.985 3.608 2.952 54.482 50.2 25.936 121.2 23.807 126.26 44.261-36.46 72.575-90.383 64.051-146.044C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1-9.291 4.428-64.407 91.694 10.298 166.389z"
-        fill={`url(#${gradientI})`}
-      />
-      <path
-        id="tail-small"
-        d="M367.023 198.651c-1.049-0.967-2.285-1.958-3.608-2.952-0.489-0.368-0.969-0.734-1.493-1.1-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1 16.71 11.4 99.239 39.257 185.484-30.966l0.133-0.313c2.129-5.054 30.675-76.057-23.807-126.258z"
-        fill={`url(#${gradientJ})`}
-      />
-      <path
-        id="cheek-tufts"
-        d="M148.439 277.443s11.093-41.335 79.432-41.335c7.388 0 28.509-20.615 28.9-26.593s-43.7 18.352-90.233-3.541c-50.239-23.638-88.358 3.541-88.358 3.541s14.477 35.809 56.934 35.809c-4.453 39.286 16.319 85.1 66.6 109.124 1.124 0.537 2.18 1.124 3.334 1.639-29.348-15.169-53.582-43.834-56.609-78.644z"
-        fill={`url(#${gradientK})`}
-      />
-      <path
-        id="overlay-yellow"
-        d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.053 0 84.291 24.77 105.3 61.484-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1a144.108 144.108 0 0 1-3.5-1.743c1.124 0.537 2.18 1.124 3.334 1.639-29.35-15.168-53.584-43.833-56.611-78.643 0 0 11.093-41.335 79.432-41.335 7.388 0 28.509-20.615 28.9-26.593-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.435 26.916c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.486 12.853-2.77 15.156-0.022 0.177 0.021-0.176 0 0a279.565 279.565 0 0 0-3.544 33.53c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zm-23.841 12.341c0.012 0.085 0.027 0.174 0.04 0.259l-0.008-0.026-0.032-0.233z"
-        fill={`url(#${gradientL})`}
-      />
+      <g transform="scale(0.0625)">
+        <path
+          d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484a120.249 120.249 0 0 0-66.142 25.488 71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.913c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.08 12.7-2.365 15-0.022 0.177-0.032 0.347-0.053 0.524a229.066 229.066 0 0 0-3.9 33.157c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zM201.716 354.447c1.124 0.537 2.18 1.124 3.334 1.639 0.048 0.033 0.114 0.07 0.163 0.1a126.191 126.191 0 0 1-3.497-1.739zm55.053-144.93zm198.131-30.59l-0.032-0.233c0.012 0.085 0.027 0.174 0.04 0.259z"
+          fill={`url(#${gradientA})`}
+        />
+        <path
+          d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
+          fill={`url(#${gradientB})`}
+        />
+        <path
+          d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0-0.058 0.011 0.048 0.036 0.226 0.012 0.085 0.027 0.174 0.04 0.259 22.675 61.47 10.322 123.978-7.479 162.175-27.539 59.1-94.215 119.67-198.576 116.716C136.1 454.651 36.766 370.988 18.223 261.41c-3.379-17.28 0-26.054 1.7-40.084-2.071 10.816-2.86 13.94-3.9 33.157 0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746z"
+          fill={`url(#${gradientC})`}
+        />
+        <path
+          d="M361.922 194.6c0.524 0.368 1 0.734 1.493 1.1a130.706 130.706 0 0 0-22.31-29.112C266.4 91.892 321.516 4.626 330.811 0.194c0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.051 0 84.289 24.77 105.301 61.487z"
+          fill={`url(#${gradientD})`}
+        />
+        <path
+          d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
+          fill={`url(#${gradientE})`}
+        />
+        <path
+          d="M256.772 209.514c-0.393 5.978-21.514 26.593-28.9 26.593-68.339 0-79.432 41.335-79.432 41.335 3.027 34.81 27.261 63.475 56.611 78.643 1.339 0.692 2.694 1.317 4.05 1.935a132.768 132.768 0 0 0 7.059 2.886 106.743 106.743 0 0 0 31.271 6.031c119.78 5.618 142.986-143.194 56.545-186.408 22.137-3.85 45.115 5.053 57.947 14.067-21.012-36.714-60.25-61.484-105.3-61.484-2.85 0-5.641 0.235-8.442 0.429a120.249 120.249 0 0 0-66.142 25.488c3.664 3.1 7.8 7.244 16.514 15.828 16.302 16.067 58.13 32.705 58.219 34.657z"
+          fill={`url(#${gradientF})`}
+        />
+        <path
+          d="M170.829 151.036a244.042 244.042 0 0 1 4.981 3.3 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7 1.155-0.033 36.014-0.66 53.543 10.732z"
+          fill={`url(#${gradientG})`}
+        />
+        <path
+          d="M18.223 261.41C36.766 370.988 136.1 454.651 248.855 457.844c104.361 2.954 171.037-57.62 198.576-116.716 17.8-38.2 30.154-100.7 7.479-162.175l-0.008-0.026-0.032-0.233c-0.025-0.178-0.04-0.284-0.036-0.226 0 0.039 0.015 0.136 0.047 0.4 8.524 55.661-19.79 109.584-64.051 146.044l-0.133 0.313c-86.245 70.223-168.774 42.368-185.484 30.966a144.108 144.108 0 0 1-3.5-1.743c-50.282-24.029-71.054-69.838-66.6-109.124-42.457 0-56.934-35.809-56.934-35.809s38.119-27.179 88.358-3.541c46.53 21.893 90.228 3.543 90.233 3.541-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 282.929 282.929 0 0 0-4.981-3.3c-17.528-11.392-52.388-10.765-53.543-10.735h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.442 26.919c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-8.65 37.842-4.44 57.199z"
+          fill={`url(#${gradientH})`}
+        />
+        <path
+          id="tail-flame"
+          d="M341.105 166.587a130.706 130.706 0 0 1 22.31 29.112c1.323 0.994 2.559 1.985 3.608 2.952 54.482 50.2 25.936 121.2 23.807 126.26 44.261-36.46 72.575-90.383 64.051-146.044C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1-9.291 4.428-64.407 91.694 10.298 166.389z"
+          fill={`url(#${gradientI})`}
+        />
+        <path
+          id="tail-small"
+          d="M367.023 198.651c-1.049-0.967-2.285-1.958-3.608-2.952-0.489-0.368-0.969-0.734-1.493-1.1-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1 16.71 11.4 99.239 39.257 185.484-30.966l0.133-0.313c2.129-5.054 30.675-76.057-23.807-126.258z"
+          fill={`url(#${gradientJ})`}
+        />
+        <path
+          id="cheek-tufts"
+          d="M148.439 277.443s11.093-41.335 79.432-41.335c7.388 0 28.509-20.615 28.9-26.593s-43.7 18.352-90.233-3.541c-50.239-23.638-88.358 3.541-88.358 3.541s14.477 35.809 56.934 35.809c-4.453 39.286 16.319 85.1 66.6 109.124 1.124 0.537 2.18 1.124 3.334 1.639-29.348-15.169-53.582-43.834-56.609-78.644z"
+          fill={`url(#${gradientK})`}
+        />
+        <path
+          id="overlay-yellow"
+          d="M478.711 166.353c-10.445-25.124-31.6-52.248-48.212-60.821 13.52 26.505 21.345 53.093 24.335 72.936 0 0.039 0.015 0.136 0.047 0.4C427.706 111.135 381.627 83.823 344 24.355c-1.9-3.007-3.805-6.022-5.661-9.2a73.716 73.716 0 0 1-2.646-4.972 43.7 43.7 0 0 1-3.593-9.506 0.626 0.626 0 0 0-0.546-0.644 0.818 0.818 0 0 0-0.451 0c-0.034 0.012-0.084 0.051-0.12 0.065-0.053 0.021-0.12 0.069-0.176 0.1 0.027-0.036 0.083-0.117 0.1-0.136-60.37 35.356-80.85 100.761-82.732 133.484 2.8-0.194 5.592-0.429 8.442-0.429 45.053 0 84.291 24.77 105.3 61.484-12.832-9.014-35.81-17.917-57.947-14.067 86.441 43.214 63.235 192.026-56.545 186.408a106.743 106.743 0 0 1-31.271-6.031 134.51 134.51 0 0 1-7.059-2.886c-1.356-0.618-2.711-1.243-4.05-1.935 0.048 0.033 0.114 0.07 0.163 0.1a144.108 144.108 0 0 1-3.5-1.743c1.124 0.537 2.18 1.124 3.334 1.639-29.35-15.168-53.584-43.833-56.611-78.643 0 0 11.093-41.335 79.432-41.335 7.388 0 28.509-20.615 28.9-26.593-0.089-1.952-41.917-18.59-58.223-34.656-8.713-8.584-12.85-12.723-16.514-15.828a71.355 71.355 0 0 0-6.225-4.7 111.338 111.338 0 0 1-0.674-58.732c-24.688 11.241-43.89 29.01-57.85 44.7h-0.111c-9.527-12.067-8.855-51.873-8.312-60.184-0.114-0.515-7.107 3.63-8.023 4.255a175.073 175.073 0 0 0-23.486 20.12 210.478 210.478 0 0 0-22.435 26.916c0 0.012-0.007 0.026-0.011 0.038 0-0.013 0.007-0.026 0.011-0.038a202.838 202.838 0 0 0-32.247 72.805c-0.115 0.521-0.212 1.061-0.324 1.586-0.452 2.116-2.486 12.853-2.77 15.156-0.022 0.177 0.021-0.176 0 0a279.565 279.565 0 0 0-3.544 33.53c0 0.41-0.025 0.816-0.025 1.227C16 388.418 123.6 496 256.324 496c118.865 0 217.56-86.288 236.882-199.63 0.407-3.076 0.733-6.168 1.092-9.271 4.777-41.21-0.53-84.525-15.587-120.746zm-23.841 12.341c0.012 0.085 0.027 0.174 0.04 0.259l-0.008-0.026-0.032-0.233z"
+          fill={`url(#${gradientL})`}
+        />
+      </g>
     </svg>
   );
 };
diff --git a/frontend/pages/SoftwarePage/components/icons/ITerm.tsx b/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
index 4c05bbdfb14f..264bde4dfd72 100644
--- a/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/ITerm.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const ITerm = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx b/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
index fb10ed25740b..1b8206b2fa7b 100644
--- a/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/IntuneCompanyPortal.tsx
@@ -10,12 +10,7 @@ const IntuneCompanyPortal = (props: SVGProps<SVGSVGElement>) => {
   const fillPathDId = uniqueId("fill-path-d-");
 
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <g clipPath={`url(#${clipPathId})`}>
         <path fill="#fff" d="M32 0H0v32h32V0Z" />
         <mask
diff --git a/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
index ec2d7af7823f..4ffccda4d873 100644
--- a/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/LinuxOS.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const LinuxOS = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/MacOS.tsx b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
index 897cbfe3c993..5cb9925bf6d6 100644
--- a/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/MacOS.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const MacOS = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Notion.tsx b/frontend/pages/SoftwarePage/components/icons/Notion.tsx
index 7edcd10374d1..bae121084afa 100644
--- a/frontend/pages/SoftwarePage/components/icons/Notion.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Notion.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Notion = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="m4.891 3.864 14.715-1.082c1.806-.155 2.272-.05 3.408.774l4.697 3.301c.774.568 1.033.723 1.033 1.342v18.106c0 1.135-.414 1.806-1.859 1.909L9.798 29.245c-1.085.052-1.601-.103-2.17-.825l-3.46-4.489c-.62-.825-.877-1.443-.877-2.166V5.669c0-.927.413-1.702 1.6-1.804Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx b/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
index 8f903c6ed405..49fb5546f6db 100644
--- a/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OSIcon/OSIcon.tsx
@@ -38,6 +38,7 @@ const OSIcon = ({ name = "", size = "small", url }: IOSIconProps) => {
     <MatchedIcon
       width={SOFTWARE_ICON_SIZES[size]}
       height={SOFTWARE_ICON_SIZES[size]}
+      viewBox="0 0 32 32"
       className={classNames}
     />
   );
diff --git a/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx b/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
index 7acdb9ec5698..ea0ff5eebf1f 100644
--- a/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OmnissaHorizonClient.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const OmnissaHorizonClient = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx b/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
index abf849e54f3c..55fe4c0655a6 100644
--- a/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/OnePassword.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const OnePassword = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <rect width="32" height="32" fill="#C0C4CF" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/P4V.tsx b/frontend/pages/SoftwarePage/components/icons/P4V.tsx
index 896af38698aa..ace2b9349f2b 100644
--- a/frontend/pages/SoftwarePage/components/icons/P4V.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/P4V.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const P4V = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Package.tsx b/frontend/pages/SoftwarePage/components/icons/Package.tsx
index c19303949875..f7353dc40c27 100644
--- a/frontend/pages/SoftwarePage/components/icons/Package.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Package.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Package = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Postman.tsx b/frontend/pages/SoftwarePage/components/icons/Postman.tsx
index 3ecddadbe2b0..c3d7f24c8d27 100644
--- a/frontend/pages/SoftwarePage/components/icons/Postman.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Postman.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const Postman = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#EEE" d="M0 0h32v32H0z" />
     <path fill="#FF6C37" d="M0 0h32v32H0z" />
     <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Safari.tsx b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
index 3e27e263c648..5ebef22dc693 100644
--- a/frontend/pages/SoftwarePage/components/icons/Safari.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Safari.tsx
@@ -9,12 +9,7 @@ const Safari = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientCId = uniqueId("Name=safari_svg__c");
 
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <path
         d="M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Santa.tsx b/frontend/pages/SoftwarePage/components/icons/Santa.tsx
index 76fe70e839e3..12f3d70bb7ae 100644
--- a/frontend/pages/SoftwarePage/components/icons/Santa.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Santa.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Santa = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <g clipPath={`url(#${clipPathId})`}>
         <path fill="#DC2626" d="M32 0H0v32h32V0Z" />
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/Slack.tsx b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
index 1126f07c8988..eebaf8a99bc4 100644
--- a/frontend/pages/SoftwarePage/components/icons/Slack.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Slack.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Slack = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`} fillRule="evenodd" clipRule="evenodd">
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx b/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
index ac7faa2fa89e..324a5eab296d 100644
--- a/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/SoftwareIcon/SoftwareIcon.tsx
@@ -83,6 +83,7 @@ const SoftwareIcon = ({
     <MatchedIcon
       width={SOFTWARE_ICON_SIZES[size]}
       height={SOFTWARE_ICON_SIZES[size]}
+      viewBox="0 0 32 32"
       className={classNames}
     />
   );
diff --git a/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx b/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
index 9fdf6913f219..410fd6065bf5 100644
--- a/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/TeamViewer.tsx
@@ -8,12 +8,7 @@ const TeamViewer = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
 
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <g clipPath={`url(#${clipPathId})`}>
         <path
           d="M28.6574 9.77963e-05H3.3075C2.42389 0.0114778 0.00120871 0.0290568 0.00120871 0.0290568C0.00120871 0.0290568 -0.00298867 2.44982 0.0012628 3.32197V28.6782V32H3.32625H28.6762H32.0012V28.6782V3.32197V2V0L30 9.77963e-05H28.6574ZM15.9887 29.2313C12.4589 29.2044 9.08421 27.7957 6.6062 25.3148C4.12818 22.8338 2.74953 19.4836 2.77313 16.0001C2.74953 12.5166 4.12818 9.16629 6.6062 6.68535C9.08421 4.20441 12.4589 2.79574 15.9887 2.76884C19.5202 2.7933 22.8973 4.20089 25.3773 6.6821C27.8573 9.16331 29.2373 12.515 29.2137 16.0001C29.2373 19.4852 27.8573 22.8368 25.3773 25.318C22.8973 27.7992 19.5202 29.2068 15.9887 29.2313Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/Teams.tsx b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
index 76b5255adcab..c4e06b028019 100644
--- a/frontend/pages/SoftwarePage/components/icons/Teams.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Teams.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Teams = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientId = uniqueId("linear-gradient-");
   return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
index b6b8c37c7ae3..285bb3cb822d 100644
--- a/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/VisualStudioCode.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const VisualStudioCode = (props: SVGProps<SVGSVGElement>) => {
   const clipPathId = uniqueId("clip-path-");
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <path fill="#fff" d="M0 0h32v32H0z" />
       <g clipPath={`url(#${clipPathId})`}>
         <path
diff --git a/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx b/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
index 543d8c3a7ef2..aff336ed91cd 100644
--- a/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/VncViewer.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const VncViewer = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx b/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
index 7e3bd952e8ab..c6494695747f 100644
--- a/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WhatsApp.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WhatsApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#1BD741" d="M0 0h32v32H0z" />
     <path
       d="m5.675 27.068 1.567-5.567a11.142 11.142 0 0 1-1.538-5.662c0-6.163 5.013-11.176 11.176-11.176s11.176 5.013 11.176 11.176-5.014 11.176-11.176 11.176c-1.92 0-3.8-.491-5.464-1.425l-5.741 1.478Zm6.035-3.511.342.209a9.26 9.26 0 0 0 4.828 1.353c5.117 0 9.28-4.163 9.28-9.28 0-5.117-4.163-9.28-9.28-9.28-5.117 0-9.28 4.163-9.28 9.28 0 1.783.506 3.514 1.465 5.007l.23.359-.902 3.206 3.317-.854Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
index e70dcbf303b8..ebfd72398241 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsApp = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
index 98e3bef93b49..7ff3cb3f7f2c 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsAppRemote.tsx
@@ -4,12 +4,7 @@ import type { SVGProps } from "react";
 
 const WindowsAppRemote = (props: SVGProps<SVGSVGElement>) => {
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <rect fill="#0078D4" width="32" height="32" />
       <path
         fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
index d924eb7d6ad7..1dbab8f73ca4 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsDefender.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsDefender = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#fff" d="M0 0h32v32H0z" />
     <path
       d="M16.858 5.512c-.085-.002-.113.012-.125.044v9.875l9.742-.035c.096-.117.123-1.002.112-4.04l-.012-3.099-.25-.008c-2.914-.097-4.502-.51-6.267-1.633-.588-.374-.707-.437-1.141-.616a7.058 7.058 0 0 0-2.059-.488Zm-1.605.008a4.59 4.59 0 0 0-.538.067c-1.004.171-1.711.452-2.576 1.013-.907.589-1.507.874-2.442 1.15-.903.27-2.422.468-3.767.5l-.385.007-.007 3.12c-.008 2.237.003 3.25.038 3.586l.046.468h9.765V5.528l-.134-.008ZM26.21 16.737c0 .094-9.47.027-9.47.027l.027 10.967c.05 0 .2-.081.658-.35.084-.051.53-.344.992-.652 1.576-1.056 2.706-1.988 3.852-3.173 1.327-1.376 2.211-2.581 2.972-4.051.492-.955.969-2.265.969-2.674v-.094Zm-10.823.02-9.457.019c-.03.055.038.413.154.791.4 1.291 1.176 2.788 2.068 3.985 1.019 1.36 2.407 2.76 4.025 4.062 1.023.819 2.926 2.078 3.145 2.078l.065-10.935Z"
diff --git a/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
index 5e075cde1a57..bd11094ca547 100644
--- a/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsOS.tsx
@@ -3,12 +3,7 @@ import React from "react";
 import type { SVGProps } from "react";
 
 const WindowsOS = (props: SVGProps<SVGSVGElement>) => (
-  <svg
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 32 32"
-    {...props}
-  >
+  <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path fill="#F9FAFC" d="M0 0h32v32H0z" />
     <path
       fillRule="evenodd"
diff --git a/frontend/pages/SoftwarePage/components/icons/Word.tsx b/frontend/pages/SoftwarePage/components/icons/Word.tsx
index cbf6157d03f6..e83189497d27 100644
--- a/frontend/pages/SoftwarePage/components/icons/Word.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Word.tsx
@@ -11,12 +11,7 @@ const Word = (props: SVGProps<SVGSVGElement>) => {
   const gradEId = uniqueId("word-gradient-e-");
 
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <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"
diff --git a/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx b/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
index 797ccdafdfcb..d9d0ad258b28 100644
--- a/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/YubikeyManager.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import type { SVGProps } from "react";
 
 const YubiKeyManager = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" {...props}>
+  <svg xmlns="http://www.w3.org/2000/svg" {...props}>
     <image
       width={32}
       height={32}
diff --git a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
index 55b9cc49303b..1d616a77ec38 100644
--- a/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Zoom.tsx
@@ -6,12 +6,7 @@ import type { SVGProps } from "react";
 const Zoom = (props: SVGProps<SVGSVGElement>) => {
   const linearGradientId = uniqueId("linear-gradient-");
   return (
-    <svg
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 32 32"
-      {...props}
-    >
+    <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
       <path fill={`url(#${linearGradientId})`} 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"
diff --git a/frontend/pages/SoftwarePage/components/icons/iOS.tsx b/frontend/pages/SoftwarePage/components/icons/iOS.tsx
index 8ebc6eebb9ef..0feb26a0bd4c 100644
--- a/frontend/pages/SoftwarePage/components/icons/iOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/iOS.tsx
@@ -6,12 +6,7 @@ const iOS = (props: SVGProps<SVGSVGElement>) => {
   // Note: smaller icon on OS table has thicker outline and a smaller Apple logo
   if (props.width === "24") {
     return (
-      <svg
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 32 32"
-        {...props}
-      >
+      <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
         <g transform="translate(4, 4) scale(1.5)">
           <rect
             x="5"
diff --git a/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx b/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
index 3acf3eef6dd9..7416c688db93 100644
--- a/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/iPadOS.tsx
@@ -6,12 +6,7 @@ const iPadOS = (props: SVGProps<SVGSVGElement>) => {
   // Note: smaller icon on OS table has thicker outline and a smaller Apple logo
   if (props.width === "24") {
     return (
-      <svg
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 32 32"
-        {...props}
-      >
+      <svg fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
         <g transform="translate(4, 4) scale(1.5)">
           <rect
             x="3.875"