Fixed Firefox icon and moved viewBox from icon props to SVG element (#34076)

**Related issue:** Resolves #31845 # Checklist for submitter - [x] QA'd all new/changed functionality manually
2026-05-23 08:58:41 +00:00 · 2025-10-30 11:44:37 +01:00 · 2025-10-30 11:44:37 +01:00 · cac0d3b424
commit cac0d3b424
parent 743d2b2c96
11 changed files with 158 additions and 213 deletions
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- 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"
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- 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"
--- a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
@ -4,219 +4,176 @@ 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 32 32"
+      {...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={gradientD} cx="48%" cy="-12%" r="140%">
+          <stop offset={0.13} stopColor="#fff44f" />
+          <stop offset={0.53} stopColor="#ff980e" />
+        </radialGradient>
+        <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={fillPathE}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(318.193 -126.387) scale(882.276 1497.88)"
+          id={gradientF}
+          cx="52%"
+          cy="33%"
+          r="59%"
+          gradientTransform="scale(.9,1)"
        >
-          <stop offset="0.13" stopColor="#FFF44F" />
-          <stop offset="0.53" stopColor="#FF980E" />
+          <stop offset={0.21} stopColor="#9059ff" stopOpacity={0} />
+          <stop offset={0.97} stopColor="#6e008b" stopOpacity={0.6} />
+        </radialGradient>
+        <radialGradient id={gradientG} cx="210%" cy="-100%" r="290%">
+          <stop offset={0.1} stopColor="#ffe226" />
+          <stop offset={0.79} stopColor="#ff7139" />
+        </radialGradient>
+        <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={fillPathF}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(275.964 1418.22) scale(1167.49 1279.58)"
+          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 offset="0.35" stopColor="#3A8EE6" />
-          <stop offset="0.67" stopColor="#9059FF" />
-          <stop offset="1" stopColor="#C139E6" />
+          <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={fillPathG}
-          cx="0"
-          cy="0"
-          r="1"
-          gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(555.815 431.54) scale(619.935 754.951)"
-        >
-          <stop offset="0.21" stopColor="#9059FF" stopOpacity="0" />
-          <stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6" />
+        <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={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={gradientK} cx="159.3%" cy="-44.72%" r="313.1%">
+          <stop offset={0.09} stopColor="#fff44f" />
+          <stop offset={0.63} stopColor="#ff980e" />
        </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>
-        <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"
-        >
-          <stop 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>
-        <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>
-        <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>
+      <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>
  );
 };
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- 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" {...props}>
    <image
      width={32}
      height={32}
--- a/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/WindowsApp.tsx
@ -3,7 +3,7 @@ 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" {...props}>
    <path fill="#F9FAFC" d="M0 0h32v32H0z" />
    <path
      fillRule="evenodd"
--- 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" {...props}>
    <image
      width={32}
      height={32}