2
0
Files
bot/ee/apps/landing-page/assets/logos/GoogleSheetsLogo.tsx

184 lines
6.1 KiB
TypeScript
Raw Normal View History

2022-03-17 14:37:00 +01:00
import { Icon, IconProps } from '@chakra-ui/react'
import React from 'react'
2022-03-17 14:37:00 +01:00
export const GoogleSheetLogo = (props: IconProps) => (
<Icon
viewBox="0 0 279 382"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<mask
id="mask0"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask0)">
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L217.471 61.1851L174.153 0.605469Z"
fill="#0F9D58"
/>
</g>
<mask
id="mask1"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask1)">
<path
d="M70.1865 186.67V312.156H208.806V186.67H70.1865ZM130.832 294.848H87.5139V273.212H130.832V294.848ZM130.832 260.231H87.5139V238.595H130.832V260.231ZM130.832 225.614H87.5139V203.978H130.832V225.614ZM191.478 294.848H148.16V273.212H191.478V294.848ZM191.478 260.231H148.16V238.595H191.478V260.231ZM191.478 225.614H148.16V203.978H191.478V225.614Z"
fill="#F1F1F1"
/>
</g>
<mask
id="mask2"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask2)">
<path
d="M181.753 96.8623L278.115 193.097V104.456L181.753 96.8623Z"
fill="url(#paint0_linear)"
/>
</g>
<mask
id="mask3"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask3)">
<path
d="M174.151 0.605469V78.4935C174.151 92.8379 185.782 104.456 200.142 104.456H278.116L174.151 0.605469Z"
fill="#87CEAC"
/>
</g>
<mask
id="mask4"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask4)">
<path
d="M26.87 0.605469C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V28.7317C0.878906 14.4522 12.5749 2.76903 26.87 2.76903H174.153V0.605469H26.87Z"
fill="white"
fillOpacity="0.2"
/>
</g>
<mask
id="mask5"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask5)">
<path
d="M252.126 379.229H26.87C12.5749 379.229 0.878906 367.546 0.878906 353.267V355.43C0.878906 369.71 12.5749 381.393 26.87 381.393H252.126C266.421 381.393 278.117 369.71 278.117 355.43V353.267C278.117 367.546 266.421 379.229 252.126 379.229Z"
fill="#263238"
fillOpacity="0.2"
/>
</g>
<mask
id="mask6"
mask-type="alpha"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="279"
height="382"
>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="white"
/>
</mask>
<g mask="url(#mask6)">
<path
d="M200.142 104.456C185.782 104.456 174.151 92.8376 174.151 78.4932V80.6567C174.151 95.0011 185.782 106.619 200.142 106.619H278.116V104.456H200.142Z"
fill="#263238"
fillOpacity="0.1"
/>
</g>
<path
d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
fill="url(#paint1_radial)"
/>
<defs>
<linearGradient
id="paint0_linear"
x1="229.939"
y1="105.125"
x2="229.939"
y2="193.111"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#263238" stopOpacity="0.2" />
<stop offset="1" stopColor="#263238" stopOpacity="0.02" />
</linearGradient>
<radialGradient
id="paint1_radial"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.66195 8.17438) scale(447.042 446.554)"
>
<stop stopColor="white" stopOpacity="0.1" />
<stop offset="1" stopColor="white" stopOpacity="0" />
</radialGradient>
</defs>
2022-03-17 14:37:00 +01:00
</Icon>
)