184 lines
6.1 KiB
TypeScript
184 lines
6.1 KiB
TypeScript
import { Icon, IconProps } from '@chakra-ui/react'
|
|
import React from 'react'
|
|
|
|
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>
|
|
</Icon>
|
|
)
|