Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update browser icons from install page

Browse Source
This commit is contained in:
Jackson Harper
2022-12-21 16:52:55 +08:00
parent 403ee2537b
commit 76ea354084
6 changed files with 23 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/components/elements/ExtensionsInstallHelp.tsx
View File

@ -112,9 +112,7 @@ export default function ExtensionsInstallHelp({
height: '130px',
}}
>
<img
src="/static/images/extension-preview.svg"
/>
<img src="/static/images/extension-preview.svg" />
</Box>
</Box>
<Box
@ -123,9 +121,6 @@ export default function ExtensionsInstallHelp({
gridRow: '1',
display: 'flex',
flexDirection: 'column',
'@lg': {
marginTop: '$3',
},
}}
>
<StyledText
@ -163,7 +158,6 @@ export default function ExtensionsInstallHelp({
gridColumn: '2',
gridRow: '1',
alignSelf: 'center',
marginTop: !onboarding ? '$4' : 65,
},
}}
>

14
packages/web/components/elements/MobileInstallHelp.tsx
View File

@ -39,7 +39,13 @@ export default function MobileInstallHelp({
},
]
const iosContainerStyles = { marginTop: '12px', width: '100%', height: '40px', display: 'flex', justifyContent: !onboarding ? 'flex-end' : 'initial'}
const iosContainerStyles = {
marginTop: '12px',
width: '100%',
height: '40px',
display: 'flex',
justifyContent: !onboarding ? 'flex-end' : 'initial',
}
return (
<Box
@ -96,7 +102,7 @@ export default function MobileInstallHelp({
display: 'flex',
flexDirection: 'column',
'@lg': {
marginTop: '$4',
marginTop: '16px',
},
}}
>
@ -179,7 +185,7 @@ export default function MobileInstallHelp({
<Box
css={
!onboarding
? { ...iosContainerStyles, '@lg': { pl: '16px'} }
? { ...iosContainerStyles, '@lg': { pl: '16px' } }
: {
...iosContainerStyles,
pl: 16,
@ -224,7 +230,7 @@ export default function MobileInstallHelp({
'@lg': {
width: '146px',
// maxWidth: '210px'
}
},
}
}
>

37
packages/web/components/elements/images/ChromeIcon.tsx
View File

@ -1,36 +1,5 @@
type ChromeIconProps = {
fillColor?: string
}
import Image from 'next/image'
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>
)
export function ChromeIcon(): JSX.Element {
return <Image src="/static/icons/chrome@2x.png" width="24" height="24" />
}

128
packages/web/components/elements/images/EdgeIcon.tsx
View File

@ -1,127 +1,5 @@
type EdgeIconProps = {
fillColor?: string
}
import Image from 'next/image'
export function EdgeIcon(props: EdgeIconProps): JSX.Element {
return (
<svg
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<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)"
/>
<path
opacity="0.35"
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(#paint1_radial_444_32057)"
/>
<path
d="M9.9103 23.3832C9.07411 22.8642 8.34944 22.1841 7.77842 21.3826C7.1276 20.4909 6.67974 19.4676 6.46626 18.3845C6.25278 17.3014 6.27885 16.1848 6.54264 15.1128C6.80642 14.0409 7.30154 13.0396 7.99327 12.1793C8.68499 11.319 9.55657 10.6204 10.5469 10.1326C10.8394 9.99475 11.339 9.74537 12.0037 9.75756C12.472 9.76097 12.9332 9.87278 13.351 10.0842C13.7689 10.2957 14.1321 10.601 14.4122 10.9763C14.7908 11.4818 14.9995 12.0942 15.0084 12.7257C15.0084 12.706 17.3015 5.26318 7.50842 5.26318C3.3928 5.26318 0.00842396 9.16881 0.00842396 12.5954C-0.00780986 14.408 0.380024 16.2014 1.14374 17.8454C2.39186 20.5084 4.57448 22.6204 7.27713 23.7802C9.97979 24.9401 13.0143 25.067 15.8044 24.1369C14.8274 24.445 13.7953 24.5374 12.7792 24.4079C11.7631 24.2784 10.7872 23.9301 9.91874 23.3869L9.9103 23.3832Z"
fill="url(#paint2_linear_444_32057)"
/>
<path
opacity="0.41"
d="M9.9103 23.3832C9.07411 22.8642 8.34944 22.1841 7.77842 21.3826C7.1276 20.4909 6.67974 19.4676 6.46626 18.3845C6.25278 17.3014 6.27885 16.1848 6.54264 15.1128C6.80642 14.0409 7.30154 13.0396 7.99327 12.1793C8.68499 11.319 9.55657 10.6204 10.5469 10.1326C10.8394 9.99475 11.339 9.74537 12.0037 9.75756C12.472 9.76097 12.9332 9.87278 13.351 10.0842C13.7689 10.2957 14.1321 10.601 14.4122 10.9763C14.7908 11.4818 14.9995 12.0942 15.0084 12.7257C15.0084 12.706 17.3015 5.26318 7.50842 5.26318C3.3928 5.26318 0.00842396 9.16881 0.00842396 12.5954C-0.00780986 14.408 0.380024 16.2014 1.14374 17.8454C2.39186 20.5084 4.57448 22.6204 7.27713 23.7802C9.97979 24.9401 13.0143 25.067 15.8044 24.1369C14.8274 24.445 13.7953 24.5374 12.7792 24.4079C11.7631 24.2784 10.7872 23.9301 9.91874 23.3869L9.9103 23.3832Z"
fill="url(#paint3_radial_444_32057)"
/>
<path
d="M14.279 14.7056C14.2031 14.8041 13.9697 14.94 13.9697 15.2362C13.9697 15.4809 14.129 15.7163 14.4122 15.9141C15.7603 16.8516 18.3019 16.7278 18.3084 16.7278C19.3074 16.7254 20.2874 16.4551 21.1462 15.945C22.0127 15.4391 22.7318 14.7154 23.2322 13.8458C23.7326 12.9762 23.997 11.9908 23.9991 10.9875C24.0234 8.88656 23.249 7.48969 22.9359 6.87094C20.9494 2.985 16.6612 0.75 11.9981 0.75C8.84453 0.749688 5.81758 1.99078 3.57194 4.20485C1.32629 6.41892 0.042455 9.42799 -0.00189209 12.5812C0.0431079 9.15562 3.44811 6.38906 7.49811 6.38906C7.82623 6.38906 9.69748 6.42094 11.4356 7.33313C12.9675 8.1375 13.77 9.10875 14.3278 10.0716C14.9072 11.0719 15.0103 12.3356 15.0103 12.8391C15.0103 13.3425 14.7534 14.0887 14.279 14.7056Z"
fill="url(#paint4_radial_444_32057)"
/>
<path
d="M14.279 14.7056C14.2031 14.8041 13.9697 14.94 13.9697 15.2362C13.9697 15.4809 14.129 15.7163 14.4122 15.9141C15.7603 16.8516 18.3019 16.7278 18.3084 16.7278C19.3074 16.7254 20.2874 16.4551 21.1462 15.945C22.0127 15.4391 22.7318 14.7154 23.2322 13.8458C23.7326 12.9762 23.997 11.9908 23.9991 10.9875C24.0234 8.88656 23.249 7.48969 22.9359 6.87094C20.9494 2.985 16.6612 0.75 11.9981 0.75C8.84453 0.749688 5.81758 1.99078 3.57194 4.20485C1.32629 6.41892 0.042455 9.42799 -0.00189209 12.5812C0.0431079 9.15562 3.44811 6.38906 7.49811 6.38906C7.82623 6.38906 9.69748 6.42094 11.4356 7.33313C12.9675 8.1375 13.77 9.10875 14.3278 10.0716C14.9072 11.0719 15.0103 12.3356 15.0103 12.8391C15.0103 13.3425 14.7534 14.0887 14.279 14.7056Z"
fill="url(#paint5_radial_444_32057)"
/>
</g>
<defs>
<linearGradient
id="paint0_linear_444_32057"
x1="5.50311"
y1="17.3483"
x2="22.2225"
y2="17.3483"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#0C59A4" />
<stop offset="1" stopColor="#114A8B" />
</linearGradient>
<radialGradient
id="paint1_radial_444_32057"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.7375 17.48) scale(8.94188 8.49478)"
>
<stop offset="0.72" stopOpacity="0" />
<stop offset="0.95" stopOpacity="0.53" />
<stop offset="1" />
</radialGradient>
<linearGradient
id="paint2_linear_444_32057"
x1="14.3175"
y1="10.096"
x2="3.87467"
y2="21.4707"
gradientUnits="userSpaceOnUse"
>
<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"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.61635 19.4071) rotate(-81.3844) scale(13.4462 10.8632)"
>
<stop offset="0.76" stopOpacity="0" />
<stop offset="0.95" stopOpacity="0.5" />
<stop offset="1" />
</radialGradient>
<radialGradient
id="paint4_radial_444_32057"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.42272 5.19158) rotate(92.2906) scale(18.993 40.4511)"
>
<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"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5049 8.00682) rotate(73.7398) scale(9.12563 7.42096)"
>
<stop stopColor="#66EB6E" />
<stop offset="1" stopColor="#66EB6E" stopOpacity="0" />
</radialGradient>
<clipPath id="clip0_444_32057">
<rect
width="24"
height="24"
fill="white"
transform="translate(0 0.75)"
/>
</clipPath>
</defs>
</svg>
)
export function EdgeIcon(): JSX.Element {
return <Image src="/static/icons/edge@2x.png" width="24" height="24" />
}

233
packages/web/components/elements/images/FirefoxIcon.tsx
View File

@ -1,232 +1,5 @@
type FirefoxIconProps = {
fillColor?: string
}
import Image from 'next/image'
export function FirefoxIcon(props: FirefoxIconProps): JSX.Element {
return (
<svg
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<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)"
/>
<path
opacity="0.67"
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(#paint1_radial_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(#paint2_radial_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(#paint3_radial_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(#paint4_radial_444_32066)"
/>
<path
d="M22.9875 9.19787C22.3122 3.10547 16.8789 0.367073 12.0882 0.406673C10.2417 0.421673 8.13331 0.862373 6.67621 1.70747C6.29064 1.9361 5.93234 2.20784 5.60821 2.51747C5.64691 2.48537 5.76241 2.39027 5.95381 2.25887L5.97271 2.24597L5.98951 2.23457C6.69659 1.75651 7.47565 1.39473 8.29711 1.16297C9.58397 0.807273 10.9178 0.651157 12.252 0.700073C14.7283 0.847945 17.0606 1.91308 18.7939 3.68765C20.5273 5.46222 21.5374 7.81894 21.627 10.298C21.7371 14.2601 18.4944 17.4191 14.7564 17.6021C12.0378 17.7353 9.47641 16.4198 8.22541 13.7882C7.93275 13.1888 7.73403 12.548 7.63621 11.8883C7.04341 7.88327 9.73291 4.46777 12.1992 3.62207C10.8687 2.45987 7.53481 2.53877 5.05351 4.36427C3.26671 5.67887 2.10751 7.67897 1.72351 10.0643C1.44724 11.8945 1.69047 13.7655 2.42551 15.4643C3.18899 17.2658 4.43663 18.8205 6.03001 19.956C7.62338 21.0915 9.50019 21.7634 11.4522 21.8972C11.75 21.92 12.0484 21.9313 12.3474 21.9311C20.286 21.9311 23.73 15.905 22.9875 9.19787Z"
fill="url(#paint5_radial_444_32066)"
/>
<path
d="M22.9875 9.19787C22.3122 3.10547 16.8789 0.367073 12.0882 0.406673C10.2417 0.421673 8.13331 0.862373 6.67621 1.70747C6.29064 1.9361 5.93234 2.20784 5.60821 2.51747C5.64691 2.48537 5.76241 2.39027 5.95381 2.25887L5.97271 2.24597L5.98951 2.23457C6.69659 1.75651 7.47565 1.39473 8.29711 1.16297C9.58397 0.807273 10.9178 0.651157 12.252 0.700073C14.7283 0.847945 17.0606 1.91308 18.7939 3.68765C20.5273 5.46222 21.5374 7.81894 21.627 10.298C21.7371 14.2601 18.4944 17.4191 14.7564 17.6021C12.0378 17.7353 9.47641 16.4198 8.22541 13.7882C7.93275 13.1888 7.73403 12.548 7.63621 11.8883C7.04341 7.88327 9.73291 4.46777 12.1992 3.62207C10.8687 2.45987 7.53481 2.53877 5.05351 4.36427C3.26671 5.67887 2.10751 7.67897 1.72351 10.0643C1.44724 11.8945 1.69047 13.7655 2.42551 15.4643C3.18899 17.2658 4.43663 18.8205 6.03001 19.956C7.62338 21.0915 9.50019 21.7634 11.4522 21.8972C11.75 21.92 12.0484 21.9313 12.3474 21.9311C20.286 21.9311 23.73 15.905 22.9875 9.19787Z"
fill="url(#paint6_radial_444_32066)"
/>
<path
// style="mix-blend-mode:multiply"
opacity="0.53"
d="M22.9875 9.19787C22.3122 3.10547 16.8789 0.367073 12.0882 0.406673C10.2417 0.421673 8.13331 0.862373 6.67621 1.70747C6.29064 1.9361 5.93234 2.20784 5.60821 2.51747C5.64691 2.48537 5.76241 2.39027 5.95381 2.25887L5.97271 2.24597L5.98951 2.23457C6.69659 1.75651 7.47565 1.39473 8.29711 1.16297C9.58397 0.807273 10.9178 0.651157 12.252 0.700073C14.7283 0.847945 17.0606 1.91308 18.7939 3.68765C20.5273 5.46222 21.5374 7.81894 21.627 10.298C21.7371 14.2601 18.4944 17.4191 14.7564 17.6021C12.0378 17.7353 9.47641 16.4198 8.22541 13.7882C7.93275 13.1888 7.73403 12.548 7.63621 11.8883C7.04341 7.88327 9.73291 4.46777 12.1992 3.62207C10.8687 2.45987 7.53481 2.53877 5.05351 4.36427C3.26671 5.67887 2.10751 7.67897 1.72351 10.0643C1.44724 11.8945 1.69047 13.7655 2.42551 15.4643C3.18899 17.2658 4.43663 18.8205 6.03001 19.956C7.62338 21.0915 9.50019 21.7634 11.4522 21.8972C11.75 21.92 12.0484 21.9313 12.3474 21.9311C20.286 21.9311 23.73 15.905 22.9875 9.19787Z"
fill="url(#paint7_radial_444_32066)"
/>
<path
// style="mix-blend-mode:multiply"
opacity="0.53"
d="M22.9875 9.19787C22.3122 3.10547 16.8789 0.367073 12.0882 0.406673C10.2417 0.421673 8.13331 0.862373 6.67621 1.70747C6.29064 1.9361 5.93234 2.20784 5.60821 2.51747C5.64691 2.48537 5.76241 2.39027 5.95381 2.25887L5.97271 2.24597L5.98951 2.23457C6.69659 1.75651 7.47565 1.39473 8.29711 1.16297C9.58397 0.807273 10.9178 0.651157 12.252 0.700073C14.7283 0.847945 17.0606 1.91308 18.7939 3.68765C20.5273 5.46222 21.5374 7.81894 21.627 10.298C21.7371 14.2601 18.4944 17.4191 14.7564 17.6021C12.0378 17.7353 9.47641 16.4198 8.22541 13.7882C7.93275 13.1888 7.73403 12.548 7.63621 11.8883C7.04341 7.88327 9.73291 4.46777 12.1992 3.62207C10.8687 2.45987 7.53481 2.53877 5.05351 4.36427C3.26671 5.67887 2.10751 7.67897 1.72351 10.0643C1.44724 11.8945 1.69047 13.7655 2.42551 15.4643C3.18899 17.2658 4.43663 18.8205 6.03001 19.956C7.62338 21.0915 9.50019 21.7634 11.4522 21.8972C11.75 21.92 12.0484 21.9313 12.3474 21.9311C20.286 21.9311 23.73 15.905 22.9875 9.19787Z"
fill="url(#paint8_radial_444_32066)"
/>
<path
d="M14.7564 17.602C19.8864 17.29 22.0824 13.042 22.2201 10.0285C22.4349 5.32001 19.6416 0.244005 12.252 0.700005C10.9177 0.651381 9.58389 0.807802 8.29708 1.1638C7.4793 1.4054 6.7017 1.7665 5.98948 2.2354L5.97268 2.2468L5.95378 2.2597C5.83898 2.3397 5.72668 2.4239 5.61688 2.5123C7.52961 1.44275 9.73964 1.02808 11.91 1.3315C16.1526 1.8883 20.0316 5.18861 20.0316 9.54341C20.0316 12.8941 17.4423 15.4534 14.4102 15.2695C9.90568 14.9995 8.77018 10.3795 11.1135 8.38331C10.4817 8.24741 9.29428 8.51381 8.46748 9.74981C7.72558 10.8598 7.76758 12.5728 8.22538 13.7881C8.79601 15.0133 9.72718 16.0351 10.8943 16.7166C12.0615 17.3982 13.4089 17.7071 14.7564 17.602Z"
fill="url(#paint9_radial_444_32066)"
/>
<path
d="M21.6048 5.86771C21.2963 4.95823 20.797 4.12522 20.1402 3.42451C19.3598 2.61129 18.4346 1.9507 17.412 1.47661C16.5583 1.0558 15.6582 0.736716 14.73 0.52591C13.0939 0.16778 11.4008 0.157559 9.76052 0.49591C8.05562 0.85591 6.55652 1.59361 5.60822 2.51581C6.36435 2.08863 7.1748 1.76571 8.01752 1.55581C9.65506 1.14431 11.3698 1.15119 13.004 1.57581C14.6382 2.00044 16.1393 2.82918 17.3694 3.98581C17.868 4.4586 18.3044 4.99289 18.6681 5.57581C20.1366 7.96351 19.9977 10.9653 18.8526 12.7356C18.0021 14.0508 16.1805 15.2856 14.481 15.2712C15.7601 15.3678 17.0415 15.1154 18.1884 14.5411C19.3354 13.9667 20.3051 13.0919 20.994 12.0099C22.1907 10.1427 22.2315 7.76641 21.6048 5.86771Z"
fill="url(#paint10_linear_444_32066)"
/>
<path
d="M21.6048 5.86771C21.2963 4.95823 20.797 4.12522 20.1402 3.42451C19.3598 2.61129 18.4346 1.9507 17.412 1.47661C16.5583 1.0558 15.6582 0.736716 14.73 0.52591C13.0939 0.16778 11.4008 0.157559 9.76052 0.49591C8.05562 0.85591 6.55652 1.59361 5.60822 2.51581C6.36435 2.08863 7.1748 1.76571 8.01752 1.55581C9.65506 1.14431 11.3698 1.15119 13.004 1.57581C14.6382 2.00044 16.1393 2.82918 17.3694 3.98581C17.868 4.4586 18.3044 4.99289 18.6681 5.57581C20.1366 7.96351 19.9977 10.9653 18.8526 12.7356C18.0021 14.0508 16.1805 15.2856 14.481 15.2712C15.7601 15.3678 17.0415 15.1154 18.1884 14.5411C19.3354 13.9667 20.3051 13.0919 20.994 12.0099C22.1907 10.1427 22.2315 7.76641 21.6048 5.86771Z"
fill="url(#paint11_linear_444_32066)"
/>
<path
d="M21.5832 4.96017C21.2617 4.53934 20.9128 4.14026 20.5386 3.76557C20.2414 3.4514 19.923 3.15811 19.5855 2.88777C19.7797 3.05689 19.9649 3.23614 20.1402 3.42477C20.7969 4.12552 21.2962 4.95853 21.6048 5.86797C22.2315 7.76667 22.1907 10.143 20.994 12.0093C20.3295 13.0551 19.4016 13.9076 18.3034 14.4813C17.2052 15.0551 15.9754 15.3297 14.7375 15.2778C14.6292 15.2778 14.52 15.2778 14.4102 15.2697C9.90568 14.9997 8.77018 10.3797 11.1138 8.38347C10.4817 8.24757 9.29428 8.51397 8.46748 9.74997C7.72558 10.86 7.76758 12.573 8.22538 13.7883C7.93282 13.1889 7.7342 12.5481 7.63648 11.8884C7.04338 7.88337 9.73288 4.46787 12.1992 3.62217C10.8687 2.45997 7.53478 2.53887 5.05348 4.36437C3.59409 5.45528 2.5314 6.99342 2.02738 8.74437C2.18801 7.32352 2.61108 5.94485 3.27508 4.67847C2.44438 5.10837 1.38658 6.46797 0.864575 7.72737C0.104857 9.64861 -0.163048 11.7291 0.0851753 13.7802C0.103175 13.9356 0.119375 14.0907 0.139775 14.2449C0.450846 16.0361 1.16422 17.7333 2.22618 19.2089C3.28814 20.6845 4.67102 21.9 6.27071 22.7638C7.8704 23.6275 9.6452 24.1172 11.4615 24.1958C13.2778 24.2744 15.0883 23.9399 16.7566 23.2175C18.4249 22.4952 19.9076 21.4038 21.0931 20.0254C22.2786 18.6471 23.1359 17.0178 23.6006 15.2602C24.0652 13.5025 24.1251 11.6624 23.7756 9.87831C23.4262 8.09421 22.6766 6.41263 21.5832 4.96017Z"
fill="url(#paint12_linear_444_32066)"
/>
</g>
<defs>
<radialGradient
id="paint0_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.0396 3.84352) scale(21.6041 21.5611)"
>
<stop stopColor="#FFF36E" />
<stop offset="0.5" stopColor="#FC4055" />
<stop offset="1" stopColor="#E31587" />
</radialGradient>
<radialGradient
id="paint1_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.39569 4.56222) scale(16.8032 16.7698)"
>
<stop stopColor="#C60084" />
<stop offset="1" stopColor="#FC4055" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint2_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4002 2.16654) scale(31.926 31.8625)"
>
<stop stopColor="#FFDE67" stopOpacity="0.6" />
<stop offset="0.66" stopColor="#FC4055" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint3_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.5572 12.468) scale(42.0079 41.9244)"
>
<stop offset="0.15" stopColor="#810220" />
<stop offset="0.27" stopColor="#FC4055" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint4_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.7176 13.4262) scale(38.4072 38.3309)"
>
<stop offset="0.12" stopColor="#810220" />
<stop offset="0.3" stopColor="#FC4055" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint5_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.9387 2.77398) scale(23.8353 23.8926)"
>
<stop stopColor="#FF9640" />
<stop offset="0.8" stopColor="#FC4055" />
</radialGradient>
<radialGradient
id="paint6_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.1535 4.28072) scale(24.2648 24.323)"
>
<stop offset="0.09" stopColor="#FFDE67" />
<stop offset="0.82" stopColor="#FF9640" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint7_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.141 10.9534) scale(11.5956 11.6234)"
>
<stop offset="0.36" stopColor="#FC4055" />
<stop offset="0.59" stopColor="#FF9640" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint8_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.9936 11.5992) scale(11.5956 11.6234)"
>
<stop offset="0.22" stopColor="#FC4055" stopOpacity="0.8" />
<stop offset="0.47" stopColor="#FF9640" stopOpacity="0" />
</radialGradient>
<radialGradient
id="paint9_radial_444_32066"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7268 1.0104) scale(28.2449 28.8162)"
>
<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"
x1="13.8068"
y1="-0.201742"
x2="17.8801"
y2="12.3537"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B833E1" />
<stop offset="0.37" stopColor="#9059FF" />
<stop offset="1" stopColor="#0090ED" />
</linearGradient>
<linearGradient
id="paint11_linear_444_32066"
x1="19.5458"
y1="7.92083"
x2="11.6976"
y2="-1.92598"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#592ACB" stopOpacity="0.5" />
<stop offset="0.24" stopColor="#722291" stopOpacity="0" />
</linearGradient>
<linearGradient
id="paint12_linear_444_32066"
x1="17.9986"
y1="4.77355"
x2="7.13989"
y2="25.1164"
gradientUnits="userSpaceOnUse"
>
<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
width="24"
height="24"
fill="white"
transform="translate(0 0.25)"
/>
</clipPath>
</defs>
</svg>
)
export function FirefoxIcon(): JSX.Element {
return <Image src="/static/icons/firefox@2x.png" width="24" height="24" />
}

51
packages/web/components/elements/images/SafariIcon.tsx
View File

@ -1,50 +1,5 @@
type SafariIconProps = {
fillColor?: string
}
import Image from 'next/image'
export function SafariIcon(props: SafariIconProps): JSX.Element {
return (
<svg
width="24"
height="25"
viewBox="0 0 24 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 24.75C18.6274 24.75 24 19.3774 24 12.75C24 6.12258 18.6274 0.75 12 0.75C5.37258 0.75 0 6.12258 0 12.75C0 19.3774 5.37258 24.75 12 24.75Z"
fill="url(#paint0_linear_444_32082)"
/>
<path
d="M20.1963 4.5L10.9821 11.7321L13.1249 13.875L20.1963 4.5Z"
fill="#FF0000"
/>
<path
d="M3.75 20.9462L10.9821 11.7319L13.125 13.8748L3.75 20.9462Z"
fill="white"
/>
<path
d="M12.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.4644ZM12.8572 2.91443L12.9429 1.95014L12.8572 2.91443Z"
fill="black"
/>
<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"
strokeWidth="0.160714"
/>
<defs>
<linearGradient
id="paint0_linear_444_32082"
x1="0"
y1="0.75"
x2="0"
y2="24.75"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#19D7FF" />
<stop offset="1" stopColor="#1E64F0" />
</linearGradient>
</defs>
</svg>
)
export function SafariIcon(): JSX.Element {
return <Image src="/static/icons/safari@2x.png" width="24" height="24" />
}