From f6b780d2ddafafdc88faba4cdec132c3f75cd4a1 Mon Sep 17 00:00:00 2001
From: gitstart-omnivore <gitstart@users.noreply.github.com>
Date: Wed, 23 Mar 2022 19:33:32 +0000
Subject: [PATCH 1/2] fix props naming

---
 .../components/elements/images/EdgeIcon.tsx   | 36 +++++------
 .../elements/images/FirefoxIcon.tsx           | 62 +++++++++----------
 packages/web/pages/_app.tsx                   |  2 +-
 3 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/packages/web/components/elements/images/EdgeIcon.tsx b/packages/web/components/elements/images/EdgeIcon.tsx
index 36633c38d..991b73d2d 100644
--- a/packages/web/components/elements/images/EdgeIcon.tsx
+++ b/packages/web/components/elements/images/EdgeIcon.tsx
@@ -11,7 +11,7 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_444_32057)">
+      <g clipPath="url(#clip0_444_32057)">
         <path
           d="M21.6609 18.613C21.3409 18.7803 21.0109 18.9278 20.6728 19.0545C19.5965 19.4572 18.4564 19.6624 17.3072 19.6601C12.8709 19.6601 9.00655 16.6086 9.00655 12.6926C9.01223 12.1674 9.15798 11.6532 9.42875 11.2031C9.69952 10.7531 10.0855 10.3834 10.5469 10.1323C6.53436 10.3011 5.50311 14.4823 5.50311 16.932C5.50311 23.8583 11.8866 24.5604 13.2619 24.5604C14.0034 24.5604 15.1219 24.3448 15.7931 24.1329L15.9159 24.0917C18.499 23.1987 20.701 21.4529 22.1597 19.1417C22.2044 19.0713 22.2243 18.988 22.2164 18.9051C22.2084 18.8221 22.1731 18.7441 22.1159 18.6834C22.0587 18.6228 21.9829 18.5829 21.9005 18.5702C21.8181 18.5574 21.7338 18.5725 21.6609 18.613Z"
           fill="url(#paint0_linear_444_32057)"
@@ -48,8 +48,8 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           y2="17.3483"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#0C59A4" />
-          <stop offset="1" stop-color="#114A8B" />
+          <stop stopColor="#0C59A4" />
+          <stop offset="1" stopColor="#114A8B" />
         </linearGradient>
         <radialGradient
           id="paint1_radial_444_32057"
@@ -59,8 +59,8 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(14.7375 17.48) scale(8.94188 8.49478)"
         >
-          <stop offset="0.72" stop-opacity="0" />
-          <stop offset="0.95" stop-opacity="0.53" />
+          <stop offset="0.72" stopOpacity="0" />
+          <stop offset="0.95" stopOpacity="0.53" />
           <stop offset="1" />
         </radialGradient>
         <linearGradient
@@ -71,10 +71,10 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           y2="21.4707"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#1B9DE2" />
-          <stop offset="0.16" stop-color="#1595DF" />
-          <stop offset="0.67" stop-color="#0680D7" />
-          <stop offset="1" stop-color="#0078D4" />
+          <stop stopColor="#1B9DE2" />
+          <stop offset="0.16" stopColor="#1595DF" />
+          <stop offset="0.67" stopColor="#0680D7" />
+          <stop offset="1" stopColor="#0078D4" />
         </linearGradient>
         <radialGradient
           id="paint3_radial_444_32057"
@@ -84,8 +84,8 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(6.61635 19.4071) rotate(-81.3844) scale(13.4462 10.8632)"
         >
-          <stop offset="0.76" stop-opacity="0" />
-          <stop offset="0.95" stop-opacity="0.5" />
+          <stop offset="0.76" stopOpacity="0" />
+          <stop offset="0.95" stopOpacity="0.5" />
           <stop offset="1" />
         </radialGradient>
         <radialGradient
@@ -96,11 +96,11 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(2.42272 5.19158) rotate(92.2906) scale(18.993 40.4511)"
         >
-          <stop stop-color="#35C1F1" />
-          <stop offset="0.11" stop-color="#34C1ED" />
-          <stop offset="0.23" stop-color="#2FC2DF" />
-          <stop offset="0.31" stop-color="#2BC3D2" />
-          <stop offset="0.67" stop-color="#36C752" />
+          <stop stopColor="#35C1F1" />
+          <stop offset="0.11" stopColor="#34C1ED" />
+          <stop offset="0.23" stopColor="#2FC2DF" />
+          <stop offset="0.31" stopColor="#2BC3D2" />
+          <stop offset="0.67" stopColor="#36C752" />
         </radialGradient>
         <radialGradient
           id="paint5_radial_444_32057"
@@ -110,8 +110,8 @@ export function EdgeIcon(props: EdgeIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(22.5049 8.00682) rotate(73.7398) scale(9.12563 7.42096)"
         >
-          <stop stop-color="#66EB6E" />
-          <stop offset="1" stop-color="#66EB6E" stop-opacity="0" />
+          <stop stopColor="#66EB6E" />
+          <stop offset="1" stopColor="#66EB6E" stopOpacity="0" />
         </radialGradient>
         <clipPath id="clip0_444_32057">
           <rect
diff --git a/packages/web/components/elements/images/FirefoxIcon.tsx b/packages/web/components/elements/images/FirefoxIcon.tsx
index 7245eea8a..7453e0722 100644
--- a/packages/web/components/elements/images/FirefoxIcon.tsx
+++ b/packages/web/components/elements/images/FirefoxIcon.tsx
@@ -11,7 +11,7 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
     >
-      <g clip-path="url(#clip0_444_32066)">
+      <g clipPath="url(#clip0_444_32066)">
         <path
           d="M21.5832 4.95995C20.5149 3.54311 19.1419 2.38447 17.5656 1.56968C15.9893 0.754894 14.2501 0.304792 12.4764 0.252648C9.69 0.196848 7.7652 1.03415 6.6762 1.70735C8.1333 0.862248 10.242 0.382848 12.0882 0.406548C16.8372 0.466548 21.9378 3.70085 22.6953 9.53045C23.5653 16.2222 18.9042 21.8073 12.3474 21.8244C5.1339 21.8427 0.746397 15.4557 1.8933 9.71885C1.91463 9.43755 1.95603 9.15814 2.0172 8.88275C2.15872 7.41242 2.58601 5.98389 3.2751 4.67735C2.4444 5.10725 1.3866 6.46685 0.864598 7.72625C0.10473 9.64776 -0.163178 11.7286 0.0851976 13.7799C0.103198 13.9353 0.119398 14.0904 0.139798 14.2446C0.450869 16.0358 1.16424 17.7331 2.2262 19.2087C3.28817 20.6843 4.67105 21.8997 6.27073 22.7635C7.87042 23.6273 9.64522 24.1169 11.4615 24.1956C13.2778 24.2742 15.0883 23.9397 16.7566 23.2173C18.4249 22.495 19.9077 21.4035 21.0931 20.0252C22.2786 18.6469 23.1359 17.0176 23.6006 15.2599C24.0652 13.5023 24.1251 11.6622 23.7757 9.87809C23.4262 8.09399 22.6766 6.41241 21.5832 4.95995Z"
           fill="url(#paint0_radial_444_32066)"
@@ -79,9 +79,9 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(23.0396 3.84352) scale(21.6041 21.5611)"
         >
-          <stop stop-color="#FFF36E" />
-          <stop offset="0.5" stop-color="#FC4055" />
-          <stop offset="1" stop-color="#E31587" />
+          <stop stopColor="#FFF36E" />
+          <stop offset="0.5" stopColor="#FC4055" />
+          <stop offset="1" stopColor="#E31587" />
         </radialGradient>
         <radialGradient
           id="paint1_radial_444_32066"
@@ -91,8 +91,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(2.39569 4.56222) scale(16.8032 16.7698)"
         >
-          <stop stop-color="#C60084" />
-          <stop offset="1" stop-color="#FC4055" stop-opacity="0" />
+          <stop stopColor="#C60084" />
+          <stop offset="1" stopColor="#FC4055" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint2_radial_444_32066"
@@ -102,8 +102,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(26.4002 2.16654) scale(31.926 31.8625)"
         >
-          <stop stop-color="#FFDE67" stop-opacity="0.6" />
-          <stop offset="0.66" stop-color="#FC4055" stop-opacity="0" />
+          <stop stopColor="#FFDE67" stopOpacity="0.6" />
+          <stop offset="0.66" stopColor="#FC4055" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint3_radial_444_32066"
@@ -113,8 +113,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(10.5572 12.468) scale(42.0079 41.9244)"
         >
-          <stop offset="0.15" stop-color="#810220" />
-          <stop offset="0.27" stop-color="#FC4055" stop-opacity="0" />
+          <stop offset="0.15" stopColor="#810220" />
+          <stop offset="0.27" stopColor="#FC4055" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint4_radial_444_32066"
@@ -124,8 +124,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(12.7176 13.4262) scale(38.4072 38.3309)"
         >
-          <stop offset="0.12" stop-color="#810220" />
-          <stop offset="0.3" stop-color="#FC4055" stop-opacity="0" />
+          <stop offset="0.12" stopColor="#810220" />
+          <stop offset="0.3" stopColor="#FC4055" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint5_radial_444_32066"
@@ -135,8 +135,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(20.9387 2.77398) scale(23.8353 23.8926)"
         >
-          <stop stop-color="#FF9640" />
-          <stop offset="0.8" stop-color="#FC4055" />
+          <stop stopColor="#FF9640" />
+          <stop offset="0.8" stopColor="#FC4055" />
         </radialGradient>
         <radialGradient
           id="paint6_radial_444_32066"
@@ -146,8 +146,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(21.1535 4.28072) scale(24.2648 24.323)"
         >
-          <stop offset="0.09" stop-color="#FFDE67" />
-          <stop offset="0.82" stop-color="#FF9640" stop-opacity="0" />
+          <stop offset="0.09" stopColor="#FFDE67" />
+          <stop offset="0.82" stopColor="#FF9640" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint7_radial_444_32066"
@@ -157,8 +157,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(15.141 10.9534) scale(11.5956 11.6234)"
         >
-          <stop offset="0.36" stop-color="#FC4055" />
-          <stop offset="0.59" stop-color="#FF9640" stop-opacity="0" />
+          <stop offset="0.36" stopColor="#FC4055" />
+          <stop offset="0.59" stopColor="#FF9640" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint8_radial_444_32066"
@@ -168,8 +168,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(12.9936 11.5992) scale(11.5956 11.6234)"
         >
-          <stop offset="0.22" stop-color="#FC4055" stop-opacity="0.8" />
-          <stop offset="0.47" stop-color="#FF9640" stop-opacity="0" />
+          <stop offset="0.22" stopColor="#FC4055" stopOpacity="0.8" />
+          <stop offset="0.47" stopColor="#FF9640" stopOpacity="0" />
         </radialGradient>
         <radialGradient
           id="paint9_radial_444_32066"
@@ -179,9 +179,9 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           gradientUnits="userSpaceOnUse"
           gradientTransform="translate(23.7268 1.0104) scale(28.2449 28.8162)"
         >
-          <stop offset="0.05" stop-color="#FFF36E" />
-          <stop offset="0.55" stop-color="#FF9640" />
-          <stop offset="0.7" stop-color="#FF9640" />
+          <stop offset="0.05" stopColor="#FFF36E" />
+          <stop offset="0.55" stopColor="#FF9640" />
+          <stop offset="0.7" stopColor="#FF9640" />
         </radialGradient>
         <linearGradient
           id="paint10_linear_444_32066"
@@ -191,9 +191,9 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           y2="12.3537"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#B833E1" />
-          <stop offset="0.37" stop-color="#9059FF" />
-          <stop offset="1" stop-color="#0090ED" />
+          <stop stopColor="#B833E1" />
+          <stop offset="0.37" stopColor="#9059FF" />
+          <stop offset="1" stopColor="#0090ED" />
         </linearGradient>
         <linearGradient
           id="paint11_linear_444_32066"
@@ -203,8 +203,8 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           y2="-1.92598"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#592ACB" stop-opacity="0.5" />
-          <stop offset="0.24" stop-color="#722291" stop-opacity="0" />
+          <stop stopColor="#592ACB" stopOpacity="0.5" />
+          <stop offset="0.24" stopColor="#722291" stopOpacity="0" />
         </linearGradient>
         <linearGradient
           id="paint12_linear_444_32066"
@@ -214,9 +214,9 @@ export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
           y2="25.1164"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#FFF36E" stop-opacity="0.8" />
-          <stop offset="0.09" stop-color="#FFF36E" stop-opacity="0.7" />
-          <stop offset="0.75" stop-color="#FFF36E" stop-opacity="0" />
+          <stop stopColor="#FFF36E" stopOpacity="0.8" />
+          <stop offset="0.09" stopColor="#FFF36E" stopOpacity="0.7" />
+          <stop offset="0.75" stopColor="#FFF36E" stopOpacity="0" />
         </linearGradient>
         <clipPath id="clip0_444_32066">
           <rect
diff --git a/packages/web/pages/_app.tsx b/packages/web/pages/_app.tsx
index 0c29e4a55..900995758 100644
--- a/packages/web/pages/_app.tsx
+++ b/packages/web/pages/_app.tsx
@@ -49,7 +49,7 @@ function OmnivoreApp({ Component, pageProps }: AppProps): JSX.Element {
         defaultLocale="en"
         messages={englishTranslations}
       >
-        <TooltipProvider delayDuration={200}>
+        <TooltipProvider>
           <Component {...pageProps} />
         </TooltipProvider>
       </IntlProvider>

From 69ad032f4c74f59cb2bcb8f29557b5a185e905e2 Mon Sep 17 00:00:00 2001
From: gitstart-omnivore <gitstart@users.noreply.github.com>
Date: Wed, 23 Mar 2022 19:49:35 +0000
Subject: [PATCH 2/2] fix props naming issue

---
 .../components/elements/images/ChromeIcon.tsx | 34 +++++++++++++++----
 .../components/elements/images/SafariIcon.tsx |  6 ++--
 2 files changed, 30 insertions(+), 10 deletions(-)

diff --git a/packages/web/components/elements/images/ChromeIcon.tsx b/packages/web/components/elements/images/ChromeIcon.tsx
index d04634f9e..234c823b7 100644
--- a/packages/web/components/elements/images/ChromeIcon.tsx
+++ b/packages/web/components/elements/images/ChromeIcon.tsx
@@ -4,13 +4,33 @@ type ChromeIconProps = {
 
 export function ChromeIcon(props: ChromeIconProps): JSX.Element {
   return (
-    <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.9468 0.252006C11.9468 0.252006 19.0093 -0.0658779 22.7524 7.03165H11.3464C11.3464 7.03165 9.19246 6.96087 7.35602 9.57419C6.82659 10.669 6.26168 11.7991 6.89719 14.0234C5.97901 12.47 2.02399 5.58404 2.02399 5.58404C2.02399 5.58404 4.81381 0.534328 11.9468 0.252006Z" fill="#E14C40"/>
-    <path d="M22.3846 18.2729C22.3846 18.2729 19.1279 24.5472 11.1094 24.239C12.0987 22.5269 16.8136 14.3621 16.8136 14.3621C16.8136 14.3621 17.952 12.5323 16.6081 9.63541C15.9248 8.62915 15.2288 7.57477 12.9844 7.01245C14.7894 6.99471 22.7298 7.01365 22.7298 7.01365C22.7298 7.01365 25.7071 11.955 22.3846 18.273" fill="#FFD24D"/>
-    <path d="M1.55978 18.3206C1.55978 18.3206 -2.2456 12.3621 2.03127 5.57252L7.73199 15.4519C7.73199 15.4519 8.74745 17.3525 11.9285 17.6371C13.1414 17.5486 14.4024 17.4732 16.0114 15.8109C15.1246 17.3826 11.1373 24.2499 11.1373 24.2499C11.1373 24.2499 5.36956 24.3574 1.55978 18.3206Z" fill="#00AA60"/>
-    <path d="M6.57373 12.3482C6.57373 9.39729 8.96612 7.00455 11.9176 7.00455C14.869 7.00455 17.2611 9.39729 17.2611 12.3482C17.2611 15.3 14.869 17.6924 11.9176 17.6924C8.96612 17.6924 6.57373 15.3 6.57373 12.3481" fill="white"/>
-    <path d="M7.72754 12.3482C7.72754 10.0343 9.60367 8.15815 11.9179 8.15815C14.2314 8.15815 16.1079 10.0343 16.1079 12.3482C16.1079 14.6625 14.2315 16.5386 11.9179 16.5386C9.60367 16.5386 7.72754 14.6624 7.72754 12.3482Z" fill="#577FC0"/>
+    <svg
+      width="24"
+      height="25"
+      viewBox="0 0 24 25"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M11.9468 0.252006C11.9468 0.252006 19.0093 -0.0658779 22.7524 7.03165H11.3464C11.3464 7.03165 9.19246 6.96087 7.35602 9.57419C6.82659 10.669 6.26168 11.7991 6.89719 14.0234C5.97901 12.47 2.02399 5.58404 2.02399 5.58404C2.02399 5.58404 4.81381 0.534328 11.9468 0.252006Z"
+        fill="#E14C40"
+      />
+      <path
+        d="M22.3846 18.2729C22.3846 18.2729 19.1279 24.5472 11.1094 24.239C12.0987 22.5269 16.8136 14.3621 16.8136 14.3621C16.8136 14.3621 17.952 12.5323 16.6081 9.63541C15.9248 8.62915 15.2288 7.57477 12.9844 7.01245C14.7894 6.99471 22.7298 7.01365 22.7298 7.01365C22.7298 7.01365 25.7071 11.955 22.3846 18.273"
+        fill="#FFD24D"
+      />
+      <path
+        d="M1.55978 18.3206C1.55978 18.3206 -2.2456 12.3621 2.03127 5.57252L7.73199 15.4519C7.73199 15.4519 8.74745 17.3525 11.9285 17.6371C13.1414 17.5486 14.4024 17.4732 16.0114 15.8109C15.1246 17.3826 11.1373 24.2499 11.1373 24.2499C11.1373 24.2499 5.36956 24.3574 1.55978 18.3206Z"
+        fill="#00AA60"
+      />
+      <path
+        d="M6.57373 12.3482C6.57373 9.39729 8.96612 7.00455 11.9176 7.00455C14.869 7.00455 17.2611 9.39729 17.2611 12.3482C17.2611 15.3 14.869 17.6924 11.9176 17.6924C8.96612 17.6924 6.57373 15.3 6.57373 12.3481"
+        fill="white"
+      />
+      <path
+        d="M7.72754 12.3482C7.72754 10.0343 9.60367 8.15815 11.9179 8.15815C14.2314 8.15815 16.1079 10.0343 16.1079 12.3482C16.1079 14.6625 14.2315 16.5386 11.9179 16.5386C9.60367 16.5386 7.72754 14.6624 7.72754 12.3482Z"
+        fill="#577FC0"
+      />
     </svg>
-    
   )
 }
diff --git a/packages/web/components/elements/images/SafariIcon.tsx b/packages/web/components/elements/images/SafariIcon.tsx
index f425e438d..c40b04861 100644
--- a/packages/web/components/elements/images/SafariIcon.tsx
+++ b/packages/web/components/elements/images/SafariIcon.tsx
@@ -30,7 +30,7 @@ export function SafariIcon(props: SafariIconProps): JSX.Element {
       <path
         d="M12.8572 2.91443L12.9429 1.95014M12.0001 1.92871V3.69657V1.92871ZM12.0001 21.7501V23.518V21.7501ZM13.8751 2.08943L13.5697 3.8305L13.8751 2.08943ZM10.4304 21.6055L10.1251 23.3573L10.4304 21.6055ZM15.6965 2.58228L15.0912 4.243L15.6965 2.58228ZM8.91437 21.2037L8.30902 22.8644L8.91437 21.2037ZM10.1251 2.08943L10.4304 3.8305L10.1251 2.08943ZM13.5697 21.6055L13.8751 23.3573L13.5697 21.6055ZM8.30366 2.58228L8.90902 4.243L8.30366 2.58228ZM15.0804 21.2037L15.6858 22.8644L15.0804 21.2037ZM6.60009 3.37514L7.48937 4.90728L6.60009 3.37514ZM16.5162 20.5394L17.4001 22.0716L16.5162 20.5394ZM5.06259 4.44657L6.1983 5.80192L5.06259 4.44657ZM17.8019 19.6341L18.9376 20.9894L17.8019 19.6341ZM3.7233 5.77514L5.07866 6.91085L3.7233 5.77514ZM18.9108 18.5251L20.2662 19.6609L18.9108 18.5251ZM2.64116 7.32871L4.1733 8.21264L2.64116 7.32871ZM19.8162 17.2394L21.3483 18.1234L19.8162 17.2394ZM1.8483 9.03228L3.50902 9.63764L1.8483 9.03228ZM20.4697 15.7984L22.1304 16.4037L20.4697 15.7984ZM1.3608 10.8323L3.10723 11.143L1.3608 10.8323ZM20.8929 14.293L22.634 14.5984L20.8929 14.293ZM1.20544 12.7234H2.9733H1.20544ZM21.0269 12.7234H22.7947H21.0269ZM1.36616 14.5984L3.10723 14.293L1.36616 14.5984ZM20.8929 11.1537L22.634 10.8484L20.8929 11.1537ZM1.86437 16.4198L3.52509 15.8144L1.86437 16.4198ZM20.4804 9.643L22.1412 9.03764L20.4804 9.643ZM2.65187 18.1234L4.18402 17.2394L2.65187 18.1234ZM19.8269 8.21264L21.359 7.32871L19.8269 8.21264ZM3.72866 19.6609L5.08402 18.5251L3.72866 19.6609ZM18.9054 6.92157L20.2608 5.78585L18.9054 6.92157ZM5.04652 21.0001L6.18223 19.6448L5.04652 21.0001ZM17.7858 5.81264L18.9215 4.45728L17.7858 5.81264ZM6.60009 22.0716L7.48937 20.5394L6.60009 22.0716ZM16.5162 4.90728L17.4001 3.37514L16.5162 4.90728ZM11.0572 1.97157L11.1429 2.93585L11.0572 1.97157ZM12.8572 22.5216L12.9429 23.4859L12.8572 22.5216ZM9.20366 2.30371L9.45544 3.23585L9.20366 2.30371ZM14.5447 22.2216L14.7965 23.1537L14.5447 22.2216ZM7.4358 2.94657L7.84294 3.81978L7.4358 2.94657ZM16.1465 21.6376L16.559 22.5109L16.1465 21.6376ZM5.80723 3.87871L6.35902 4.67157L5.80723 3.87871ZM17.6412 20.7751L18.1929 21.568L17.6412 20.7751ZM4.36616 5.08943L5.04652 5.76978L4.36616 5.08943ZM18.9537 19.6769L19.634 20.3573L18.9537 19.6769ZM3.1608 6.53585L3.95366 7.08764L3.1608 6.53585ZM20.0572 18.3751L20.8394 18.9109L20.0572 18.3751ZM2.21794 8.15907L3.09116 8.56621L2.21794 8.15907ZM20.909 16.8698L21.7822 17.2823L20.909 16.8698ZM1.57509 9.92692L2.50723 10.1787L1.57509 9.92692ZM21.4929 15.268L22.4251 15.5198L21.4929 15.268ZM1.2483 11.7859L2.21259 11.8716L1.2483 11.7859ZM21.7983 13.5859L22.7626 13.6716L21.7983 13.5859ZM1.25902 13.6716L2.2233 13.5859L1.25902 13.6716ZM21.809 11.8716L22.7733 11.7859L21.809 11.8716ZM1.57509 15.5198L2.50723 15.268L1.57509 15.5198ZM21.4929 10.1787L22.4251 9.92692L21.4929 10.1787ZM2.21794 17.2876L3.09116 16.8805L2.21794 17.2876ZM20.909 8.57692L21.7822 8.16978L20.909 8.57692ZM3.1608 18.9109L3.95366 18.3591L3.1608 18.9109ZM20.0572 7.07157L20.8394 6.53585L20.0572 7.07157ZM5.80723 21.568L6.35902 20.7751L5.80723 21.568ZM17.6358 4.67157L18.1929 3.87871L17.6358 4.67157ZM7.4358 22.5001L7.8483 21.6269L7.4358 22.5001ZM16.1519 3.80371L16.5644 2.9305L16.1519 3.80371ZM9.20366 23.143L9.45544 22.2109L9.20366 23.143ZM14.5447 3.22514L14.7965 2.293L14.5447 3.22514ZM11.0572 23.4644L11.1429 22.5001L11.0572 23.4644Z"
         stroke="white"
-        stroke-width="0.160714"
+        strokeWidth="0.160714"
       />
       <defs>
         <linearGradient
@@ -41,8 +41,8 @@ export function SafariIcon(props: SafariIconProps): JSX.Element {
           y2="24.75"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stop-color="#19D7FF" />
-          <stop offset="1" stop-color="#1E64F0" />
+          <stop stopColor="#19D7FF" />
+          <stop offset="1" stopColor="#1E64F0" />
         </linearGradient>
       </defs>
     </svg>