Files
omnivore/packages/web/components/elements/images/EdgeIcon.tsx
gitstart-omnivore f6b780d2dd fix props naming
2022-03-23 19:33:32 +00:00

128 lines
7.8 KiB
TypeScript

type EdgeIconProps = {
fillColor?: string
}
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>
)
}