diff --git a/changes/31845-add-new-firefox-icon b/changes/31845-add-new-firefox-icon
new file mode 100644
index 0000000000..8e0272a7be
--- /dev/null
+++ b/changes/31845-add-new-firefox-icon
@@ -0,0 +1 @@
+* Replaced outdated Firefox icon with a new one that follows brand guidelines
diff --git a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
index 6bd84c738c..6dc37e4c1b 100644
--- a/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
+++ b/frontend/pages/SoftwarePage/components/icons/Firefox.tsx
@@ -4,117 +4,111 @@ import { uniqueId } from "lodash";
 import type { SVGProps } from "react";
 
 const Firefox = (props: SVGProps<SVGSVGElement>) => {
-  const clipPathId = uniqueId("clip-path-");
-  const fillPathB = uniqueId("firefox_svg__b");
-  const fillPathC = uniqueId("firefox_svg__c");
-  const fillPathD = uniqueId("firefox_svg__d");
-  const fillPathE = uniqueId("firefox_svg__e");
-  const fillPathF = uniqueId("firefox_svg__f");
-  const fillPathG = uniqueId("firefox_svg__g");
-  const fillPathH = uniqueId("firefox_svg__h");
-  const fillPathI = uniqueId("firefox_svg__i");
-  const fillPathJ = uniqueId("firefox_svg__j");
-  const fillPathK = uniqueId("firefox_svg__k");
-  const fillPathL = uniqueId("firefox_svg__l");
-  const fillPathM = uniqueId("firefox_svg__m");
-  const fillPathN = uniqueId("firefox_svg__n");
-  const fillPathO = uniqueId("firefox_svg__o");
+  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");
 
   return (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" {...props}>
-      <path fill="#fff" d="M0 0h32v32H0z" />
-      <g clipPath={`url(#${clipPathId})`}>
-        <path
-          d="M23.288 6.233c-.584.68-.857 2.21-.264 3.762.591 1.552 1.5 1.215 2.066 2.797.747 2.087.399 4.892.399 4.892s.898 2.6 1.523-.162c1.384-5.186-3.724-10.011-3.724-11.29Z"
-          fill={`url(#${fillPathB})`}
-        />
-        <path
-          d="M16.16 27.771c5.981 0 10.826-4.872 10.826-10.878S22.141 6.015 16.166 6.015c-5.976 0-10.82 4.871-10.82 10.878-.012 6.013 4.839 10.878 10.814 10.878Z"
-          fill={`url(#${fillPathC})`}
-        />
-        <path
-          d="M24.273 23.6c-.235.166-.48.313-.735.443.338-.495.65-1.008.934-1.536.231-.256.442-.504.614-.772.084-.132.178-.294.279-.484.607-1.095 1.278-2.867 1.297-4.687v-.138a6.26 6.26 0 0 0-.14-1.36l.014.105-.016-.081.024.145c.123 1.054.035 2.083-.407 2.84l-.022.033c.23-1.152.307-2.424.05-3.698 0 0-.102-.618-.862-2.498-.438-1.082-1.215-1.97-1.903-2.615-.602-.745-1.15-1.245-1.45-1.562-.63-.663-.894-1.16-1.002-1.484-.094-.048-1.296-1.215-1.392-1.26-.525.815-2.175 3.358-1.39 5.736.356 1.078 1.256 2.196 2.197 2.823.042.048.56.611.807 1.883.254 1.313.12 2.337-.404 3.853-.616 1.33-2.196 2.644-3.676 2.778-3.162.287-4.321-1.588-4.321-1.588 1.13.452 2.38.357 3.14-.112.766-.473 1.23-.825 1.605-.686.37.138.666-.262.401-.677a1.914 1.914 0 0 0-1.936-.843c-.767.125-1.469.731-2.474.144a1.751 1.751 0 0 1-.188-.124c-.067-.044.215.066.15.017a4.935 4.935 0 0 1-.632-.42c-.014-.014.153.053.137.039-.939-.773-.822-1.296-.792-1.624.023-.263.193-.599.48-.735.14.076.226.134.226.134l-.091-.185c.011-.004.021-.003.033-.008a6.1 6.1 0 0 1 .498.284c.172.122.227.23.227.23s.045-.024.012-.13a.68.68 0 0 0-.236-.321h.01c.103.06.2.126.29.201.048-.174.135-.358.116-.685-.011-.23-.007-.29-.047-.379-.036-.076.02-.106.083-.027a.826.826 0 0 0-.054-.18v-.006c.079-.273 1.665-.987 1.78-1.07.189-.135.348-.307.466-.508.088-.14.155-.338.17-.636.01-.216-.091-.36-1.695-.528-.438-.043-.695-.36-.842-.653a5.496 5.496 0 0 0-.08-.178 1.31 1.31 0 0 1-.063-.206c.263-.752.702-1.39 1.35-1.87.035-.033-.14.007-.106-.024.042-.037.31-.146.361-.17.062-.03-.265-.168-.554-.134-.294.032-.358.068-.514.135.065-.066.272-.15.224-.15-.318.048-.711.233-1.05.442a.265.265 0 0 1 .021-.106c-.157.066-.543.336-.655.564.005-.044.007-.087.007-.131-.12.1-.228.213-.322.337l-.006.005c-.91-.367-1.713-.39-2.392-.226-.148-.15-.22-.04-.559-.783-.022-.045.018.044 0 0-.055-.144.034.192 0 0-.568.449-1.315.956-1.673 1.315-.005.014.418-.12 0 0-.147.041-.137.128-.16.915-.005.06 0 .126-.005.18-.286.365-.481.674-.555.834-.371.64-.78 1.634-1.175 3.209.175-.427.385-.839.63-1.23-.33.836-.648 2.148-.71 4.169.08-.417.18-.83.305-1.235-.078 1.677.211 3.35.847 4.904.228.556.604 1.4 1.244 2.327a11 11 0 0 0 7.997 3.436c3.286 0 6.234-1.436 8.26-3.717Z"
-          fill={`url(#${fillPathD})`}
-        />
-        <path
-          d="M21.844 25.139c3.973-.46 5.73-4.554 3.472-4.635-2.04-.064-5.354 4.852-3.472 4.634Z"
-          fill={`url(#${fillPathE})`}
-        />
-        <path
-          d="M25.602 19.669c2.733-1.59 2.021-5.027 2.021-5.027s-1.055 1.226-1.771 3.179c-.708 1.934-1.893 2.808-.25 1.848Z"
-          fill={`url(#${fillPathF})`}
-        />
-        <path
-          d="M16.925 27.172c3.81 1.216 7.086-1.787 5.068-2.789-1.836-.903-6.875 2.214-5.067 2.789Z"
-          fill={`url(#${fillPathG})`}
-        />
-        <path
-          d="M25.886 21.127c.093-.13.218-.55.33-.737.672-1.086.677-1.952.677-1.97.407-2.03.37-2.859.12-4.392-.202-1.234-1.082-3.002-1.843-3.853-.786-.877-.233-.592-.993-1.232-.666-.74-1.313-1.47-1.665-1.765-2.544-2.126-2.486-2.578-2.438-2.655l-.036.04c-.03-.12-.052-.22-.052-.22s-1.39 1.39-1.682 3.706c-.192 1.513.375 3.09 1.195 4.098.427.522.909.997 1.439 1.415v-.001c.62.889.96 1.986.96 3.168a5.356 5.356 0 0 1-6.555 5.22c-1.396-.266-2.202-.97-2.604-1.448a2.636 2.636 0 0 1-.328-.474c1.25.449 2.633.354 3.474-.11.848-.47 1.36-.818 1.776-.68.41.136.737-.261.444-.672-.287-.412-1.034-1-2.143-.837-.849.124-1.627.726-2.738.142a2.149 2.149 0 0 1-.208-.123c-.073-.042.238.066.165.017a5.505 5.505 0 0 1-.698-.415c-.017-.014.168.052.15.039-1.038-.768-.909-1.285-.876-1.61a.932.932 0 0 1 .533-.729c.153.076.25.133.25.133L12.437 15c.012-.005.024-.004.036-.008.126.054.404.196.55.282.191.12.252.228.252.228s.05-.024.014-.13c-.014-.042-.071-.18-.26-.318h.01c.113.058.22.125.32.2.054-.173.15-.355.13-.68-.013-.227-.008-.287-.053-.375-.04-.075.023-.104.093-.027a.73.73 0 0 0-.06-.179l.001-.005c.087-.272 1.843-.979 1.97-1.062.206-.13.382-.301.516-.503.098-.14.172-.334.19-.63.005-.135-.035-.24-.5-.341-.28-.061-.712-.12-1.377-.183-.486-.043-.77-.358-.932-.649-.03-.063-.06-.12-.09-.176a1.312 1.312 0 0 1-.069-.204 3.867 3.867 0 0 1 1.497-1.856c.04-.032-.157.008-.117-.024.045-.037.342-.144.399-.169.068-.029-.294-.166-.613-.133-.326.033-.395.068-.57.134.072-.064.303-.148.248-.147-.351.048-.787.23-1.16.438a.226.226 0 0 1 .022-.105c-.174.067-.6.334-.725.56a.848.848 0 0 0 .007-.13c-.13.098-.25.21-.356.333l-.007.006c-1.008-.364-1.895-.388-2.647-.224-.165-.148-.428-.372-.803-1.107-.025-.044-.039.091-.058.047-.146-.337-.233-.889-.219-1.269 0 0-.3.137-.549.71-.046.102-.075.16-.104.216-.014.017.03-.189.023-.177-.043.073-.155.175-.204.307-.034.098-.081.154-.111.275l-.007.012c-.002-.036.009-.15.001-.125a5.848 5.848 0 0 0-.3.728c-.134.44-.29 1.039-.314 1.819-.006.058-.001.125-.006.178-.317.361-.533.668-.614.827-.411.631-.863 1.618-1.302 3.18.195-.427.428-.836.697-1.22-.364.828-.716 2.13-.787 4.135.088-.415.202-.824.338-1.225a10.373 10.373 0 0 0 .938 4.863c.501 1.1 1.657 3.332 4.479 5.075 2.822 1.742.96.714 2.61 1.25.121.044.245.088.372.13l-.115-.05c1.099.329 2.238.497 3.385.497 4.273.003 5.533-1.712 5.533-1.712l-.012.009c.06-.057.118-.116.174-.177-.674.637-2.212.678-2.788.633.98-.288 1.626-.532 2.882-1.013.146-.054.297-.116.45-.186l.05-.022c.03-.015.061-.027.091-.043a8.524 8.524 0 0 0 1.715-1.073c1.26-1.008 1.535-1.99 1.679-2.636-.02.062-.082.206-.126.3-.325.695-1.045 1.122-1.827 1.487.372-.488.716-.996 1.033-1.522.255-.253.335-.65.525-.916Z"
-          fill={`url(#${fillPathH})`}
-        />
-        <path
-          d="M24.351 23.536a8.067 8.067 0 0 0 1.326-1.951c.9-1.892 2.291-5.039 1.196-8.324-.867-2.597-2.056-4.017-3.565-5.404C20.855 5.604 20.17 4.598 20.17 4c0 0-2.83 3.157-1.604 6.448 1.228 3.29 3.743 3.171 5.407 6.606 1.957 4.043-1.585 8.454-4.514 9.69.18-.04 6.51-1.474 6.844-5.095-.006.067-.15 1.067-1.952 1.887Z"
-          fill={`url(#${fillPathI})`}
-        />
-        <path
-          d="M16.148 11.789c.01-.214-.102-.357-1.87-.523-.728-.068-1.006-.74-1.09-1.023-.26.672-.366 1.377-.309 2.231.04.56.415 1.159.594 1.511 0 0 .04-.051.059-.07.338-.352 1.755-.889 1.888-.965.145-.093.704-.5.728-1.161Z"
-          fill={`url(#${fillPathJ})`}
-        />
-        <path
-          d="M8.361 7.816c-.026-.044-.04.091-.058.047-.146-.337-.234-.882-.213-1.269 0 0-.301.137-.55.71-.045.102-.075.16-.104.216-.014.017.03-.189.024-.177-.043.073-.156.176-.204.302-.041.103-.082.159-.113.287-.01.035.009-.154.001-.13-.578 1.117-.689 2.807-.628 2.736 1.231-1.314 2.642-1.626 2.642-1.626-.149-.112-.476-.431-.797-1.096Z"
-          fill={`url(#${fillPathK})`}
-        />
-        <path
-          d="M13.033 21.564c-1.701-.726-3.634-1.75-3.562-4.077.1-3.063 2.857-2.458 2.857-2.458-.103.025-.382.223-.48.435-.105.264-.295.86.28 1.486.906.98-1.858 2.326 2.407 4.867.108.058-.998-.036-1.502-.253Z"
-          fill={`url(#${fillPathL})`}
-        />
-        <path
-          d="M12.429 20.037c1.205.419 2.61.346 3.452-.119.563-.313 1.285-.816 1.73-.692-.385-.152-.677-.223-1.027-.24-.06 0-.13-.001-.196-.008-.129 0-.257.007-.385.022-.217.02-.457.156-.676.135-.01-.001.212-.093.194-.088-.116.024-.242.03-.375.046-.085.01-.158.02-.241.024-2.512.213-4.635-1.362-4.635-1.362-.181.608.808 1.812 2.159 2.282Z"
-          fill={`url(#${fillPathM})`}
-        />
-        <path
-          d="M24.347 23.552c2.54-2.494 3.826-5.526 3.282-8.928 0 0 .217 1.744-.607 3.528.396-1.741.442-3.905-.608-6.146-1.402-2.99-3.708-4.564-4.59-5.221-1.333-.995-1.886-2.007-1.896-2.217-.4.816-1.604 3.614-.13 6.024 1.382 2.257 3.558 2.928 5.08 4.998 2.808 3.816-.531 7.962-.531 7.962Z"
-          fill={`url(#${fillPathN})`}
-        />
-        <path
-          d="M23.983 17.062c-.888-1.834-1.996-2.634-3.044-3.502.122.17.152.232.22.342.923.983 2.283 3.382 1.294 6.393-1.86 5.667-9.295 2.998-10.075 2.25.316 3.279 5.805 4.849 9.38 2.722 2.034-1.926 3.68-5.199 2.225-8.205Z"
-          fill={`url(#${fillPathO})`}
-        />
-      </g>
+      <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})`}
+      />
       <defs>
-        <radialGradient
+        <linearGradient
           id={fillPathB}
-          cx="0"
-          cy="0"
-          r="1"
+          x1="2293.33"
+          y1="422.436"
+          x2="183.012"
+          y2="2458.14"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="rotate(2.555 -210.924 602.667) scale(8.38769 12.3287)"
         >
-          <stop offset=".045" stopColor="#FFEA00" />
-          <stop offset=".12" stopColor="#FFDE00" />
-          <stop offset=".254" stopColor="#FFBF00" />
-          <stop offset=".429" stopColor="#FF8E00" />
-          <stop offset=".769" stopColor="#FF272D" />
-          <stop offset=".872" stopColor="#E0255A" />
-          <stop offset=".953" stopColor="#CC2477" />
-          <stop offset="1" stopColor="#C42482" />
-        </radialGradient>
+          <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(20.673 8.71) scale(23.6401)"
+          gradientTransform="translate(1838.24 -267.685) scale(2688.01 2733.28)"
         >
-          <stop stopColor="#00CCDA" />
-          <stop offset=".22" stopColor="#0083FF" />
-          <stop offset=".261" stopColor="#007AF9" />
-          <stop offset=".33" stopColor="#0060E8" />
-          <stop offset=".333" stopColor="#005FE7" />
-          <stop offset=".438" stopColor="#2639AD" />
-          <stop offset=".522" stopColor="#401E84" />
-          <stop offset=".566" stopColor="#4A1475" />
+          <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)"
+        >
+          <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}
@@ -122,11 +116,10 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="rotate(5.67 -152.86 252.646) scale(7.97377)"
+          gradientTransform="translate(318.193 -126.387) scale(882.276 1497.88)"
         >
-          <stop offset=".003" stopColor="#FFEA00" />
-          <stop offset=".497" stopColor="#FF272D" />
-          <stop offset="1" stopColor="#C42482" />
+          <stop offset="0.13" stopColor="#FFF44F" />
+          <stop offset="0.53" stopColor="#FF980E" />
         </radialGradient>
         <radialGradient
           id={fillPathF}
@@ -134,16 +127,11 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="rotate(5.67 -75.297 249.185) scale(13.3156)"
+          gradientTransform="translate(275.964 1418.22) scale(1167.49 1279.58)"
         >
-          <stop offset=".003" stopColor="#FFE900" />
-          <stop offset=".157" stopColor="#FFAF0E" />
-          <stop offset=".316" stopColor="#FF7A1B" />
-          <stop offset=".472" stopColor="#FF4E26" />
-          <stop offset=".621" stopColor="#FF2C2E" />
-          <stop offset=".762" stopColor="#FF1434" />
-          <stop offset=".892" stopColor="#FF0538" />
-          <stop offset="1" stopColor="#FF0039" />
+          <stop offset="0.35" stopColor="#3A8EE6" />
+          <stop offset="0.67" stopColor="#9059FF" />
+          <stop offset="1" stopColor="#C139E6" />
         </radialGradient>
         <radialGradient
           id={fillPathG}
@@ -151,11 +139,10 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="rotate(5.67 -200.873 262.03) scale(12.2185)"
+          gradientTransform="translate(555.815 431.54) scale(619.935 754.951)"
         >
-          <stop offset=".003" stopColor="#FF272D" />
-          <stop offset=".497" stopColor="#C42482" />
-          <stop offset=".986" stopColor="#620700" />
+          <stop offset="0.21" stopColor="#9059FF" stopOpacity="0" />
+          <stop offset="0.97" stopColor="#6E008B" stopOpacity="0.6" />
         </radialGradient>
         <radialGradient
           id={fillPathH}
@@ -163,17 +150,10 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(21.943 13.61) scale(19.0773)"
+          gradientTransform="translate(680.652 -313.962) scale(928.154 931.453)"
         >
-          <stop offset=".156" stopColor="#FFEA00" />
-          <stop offset=".231" stopColor="#FFDE00" />
-          <stop offset=".365" stopColor="#FFBF00" />
-          <stop offset=".541" stopColor="#FF8E00" />
-          <stop offset=".763" stopColor="#FF272D" />
-          <stop offset=".796" stopColor="#F92433" />
-          <stop offset=".841" stopColor="#E91C45" />
-          <stop offset=".893" stopColor="#CF0E62" />
-          <stop offset=".935" stopColor="#B5007F" />
+          <stop offset="0.1" stopColor="#FFE226" />
+          <stop offset="0.79" stopColor="#FF7139" />
         </radialGradient>
         <radialGradient
           id={fillPathI}
@@ -181,129 +161,61 @@ const Firefox = (props: SVGProps<SVGSVGElement>) => {
           cy="0"
           r="1"
           gradientUnits="userSpaceOnUse"
-          gradientTransform="translate(20.508 4.031) scale(22.5269)"
+          gradientTransform="translate(2070.96 -840.899) scale(4431.21 3719.76)"
         >
-          <stop offset=".279" stopColor="#FFEA00" />
-          <stop offset=".402" stopColor="#FD0" />
-          <stop offset=".63" stopColor="#FFBA00" />
-          <stop offset=".856" stopColor="#FF9100" />
-          <stop offset=".933" stopColor="#FF6711" />
-          <stop offset=".994" stopColor="#FF4A1D" />
+          <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={fillPathD}
-          x1="17.686"
-          y1="21.785"
-          x2="13.017"
-          y2="6.511"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#000F43" stopOpacity=".4" />
-          <stop offset=".485" stopColor="#001962" stopOpacity=".173" />
-          <stop offset="1" stopColor="#002079" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id={fillPathJ}
-          x1="4.947"
-          y1="13.391"
-          x2="13.615"
-          y2="12.075"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#C42482" stopOpacity=".5" />
-          <stop offset=".474" stopColor="#FF272D" stopOpacity=".5" />
-          <stop offset=".486" stopColor="#FF2C2C" stopOpacity=".513" />
-          <stop offset=".675" stopColor="#FF7A1A" stopOpacity=".72" />
-          <stop offset=".829" stopColor="#FFB20D" stopOpacity=".871" />
-          <stop offset=".942" stopColor="#FFD605" stopOpacity=".964" />
-          <stop offset="1" stopColor="#FFE302" />
-        </linearGradient>
-        <linearGradient
-          id={fillPathK}
-          x1="7.993"
-          y1="10.288"
-          x2="7.009"
-          y2="6.762"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#891551" stopOpacity=".6" />
-          <stop offset="1" stopColor="#C42482" stopOpacity="0" />
-        </linearGradient>
-        <linearGradient
-          id={fillPathL}
-          x1="9.878"
-          y1="15.441"
-          x2="11.902"
-          y2="18.264"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop offset=".005" stopColor="#891551" stopOpacity=".5" />
-          <stop offset=".484" stopColor="#FF272D" stopOpacity=".5" />
-          <stop offset="1" stopColor="#FF272D" stopOpacity="0" />
-        </linearGradient>
         <linearGradient
           id={fillPathM}
-          x1="13.743"
-          y1="20.39"
-          x2="13.927"
-          y2="18.576"
+          x1="2103"
+          y1="381.749"
+          x2="415.478"
+          y2="2225.56"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#C42482" />
-          <stop offset=".083" stopColor="#C42482" stopOpacity=".81" />
-          <stop offset=".206" stopColor="#C42482" stopOpacity=".565" />
-          <stop offset=".328" stopColor="#C42482" stopOpacity=".362" />
-          <stop offset=".447" stopColor="#C42482" stopOpacity=".204" />
-          <stop offset=".562" stopColor="#C42482" stopOpacity=".091" />
-          <stop offset=".673" stopColor="#C42482" stopOpacity=".023" />
-          <stop offset=".773" stopColor="#C42482" stopOpacity="0" />
+          <stop offset="0.17" stopColor="#FFF44F" stopOpacity="0.8" />
+          <stop offset="0.6" stopColor="#FFF44F" stopOpacity="0" />
         </linearGradient>
-        <linearGradient
-          id={fillPathN}
-          x1="19.635"
-          y1="4.88"
-          x2="27.09"
-          y2="21.551"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FFF14F" />
-          <stop offset=".268" stopColor="#FFEE4C" />
-          <stop offset=".452" stopColor="#FFE643" />
-          <stop offset=".612" stopColor="#FFD834" />
-          <stop offset=".757" stopColor="#FFC41E" />
-          <stop offset=".892" stopColor="#FFAB02" />
-          <stop offset=".902" stopColor="#FFA900" />
-          <stop offset=".949" stopColor="#FFA000" />
-          <stop offset="1" stopColor="#FF9100" />
-        </linearGradient>
-        <linearGradient
-          id={fillPathO}
-          x1="21.107"
-          y1="14.468"
-          x2="17.575"
-          y2="23.95"
-          gradientUnits="userSpaceOnUse"
-        >
-          <stop stopColor="#FF8E00" />
-          <stop offset=".04" stopColor="#FF8E00" stopOpacity=".858" />
-          <stop offset=".084" stopColor="#FF8E00" stopOpacity=".729" />
-          <stop offset=".13" stopColor="#FF8E00" stopOpacity=".628" />
-          <stop offset=".178" stopColor="#FF8E00" stopOpacity=".557" />
-          <stop offset=".227" stopColor="#FF8E00" stopOpacity=".514" />
-          <stop offset=".282" stopColor="#FF8E00" stopOpacity=".5" />
-          <stop offset=".389" stopColor="#FF8E00" stopOpacity=".478" />
-          <stop offset=".524" stopColor="#FF8E00" stopOpacity=".416" />
-          <stop offset=".676" stopColor="#FF8E00" stopOpacity=".314" />
-          <stop offset=".838" stopColor="#FF8E00" stopOpacity=".172" />
-          <stop offset="1" stopColor="#FF8E00" stopOpacity="0" />
-        </linearGradient>
-        <clipPath id={clipPathId}>
-          <path
-            fill="#fff"
-            transform="translate(4.5 4)"
-            d="M0 0h23.253v24H0z"
-          />
-        </clipPath>
       </defs>
     </svg>
   );