105 lines
5.1 KiB
TypeScript
105 lines
5.1 KiB
TypeScript
import React from 'react';
|
|
|
|
type Props = {
|
|
width: number;
|
|
height: number;
|
|
};
|
|
|
|
const AccessAccount = ({ width, height }: Props) => {
|
|
return (
|
|
<svg data-name="Layer 1" width={width} height={height} viewBox="0 0 820.16 780.81">
|
|
<defs>
|
|
<linearGradient
|
|
id="a"
|
|
x1="539.63"
|
|
y1="734.6"
|
|
x2="539.63"
|
|
y2="151.19"
|
|
gradientTransform="translate(-3.62 1.57)"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop offset="0" stopColor="gray" stopOpacity=".25" />
|
|
<stop offset=".54" stopColor="gray" stopOpacity=".12" />
|
|
<stop offset="1" stopColor="gray" stopOpacity=".1" />
|
|
</linearGradient>
|
|
<linearGradient
|
|
id="b"
|
|
x1="540.17"
|
|
y1="180.2"
|
|
x2="540.17"
|
|
y2="130.75"
|
|
gradientTransform="translate(-63.92 7.85)"
|
|
/>
|
|
<linearGradient
|
|
id="c"
|
|
x1="540.17"
|
|
y1="140.86"
|
|
x2="540.17"
|
|
y2="82.43"
|
|
gradientTransform="rotate(-12.11 545.066 460.65)"
|
|
/>
|
|
<linearGradient id="d" x1="476.4" y1="710.53" x2="476.4" y2="127.12" />
|
|
<linearGradient id="e" x1="476.94" y1="156.13" x2="476.94" y2="106.68" />
|
|
<linearGradient id="f" x1="666.86" y1="176.39" x2="666.86" y2="117.95" />
|
|
</defs>
|
|
<path fill="#e0e0e0" d="M69.12 135.49l427.295-91.682L623.09 634.19l-427.295 91.682z" />
|
|
<path
|
|
transform="rotate(-12.11 160.03 1309.797)"
|
|
fill="url(#a)"
|
|
d="M324.89 152.76h422.25v583.41H324.89z"
|
|
opacity=".5"
|
|
/>
|
|
<path fill="#fafafa" d="M84.639 146.993L486.98 60.665l119.69 557.824-402.344 86.328z" />
|
|
<path transform="rotate(-12.11 100.28 1028.707)" fill="url(#b)" d="M374.18 138.6h204.14v49.45H374.18z" />
|
|
<path
|
|
d="M460.93 91.9c-15.41 3.31-25.16 18.78-21.77 34.55s18.62 25.89 34 22.58 25.16-18.78 21.77-34.55-18.59-25.89-34-22.58zm9.67 45.1a16.86 16.86 0 1112.56-20 16.66 16.66 0 01-12.56 20z"
|
|
transform="translate(-189.92 -59.59)"
|
|
fill="url(#c)"
|
|
/>
|
|
<path fill="#6c63ff" d="M183.007 98.422L378.4 56.498l9.917 46.218-195.393 41.924z" />
|
|
<path
|
|
d="M271.01 32.31a27.93 27.93 0 1033.17 21.45 27.93 27.93 0 00-33.17-21.45zm9.24 43.1a16.12 16.12 0 1112.38-19.14 16.12 16.12 0 01-12.38 19.14z"
|
|
fill="#6c63ff"
|
|
/>
|
|
<path fill="#e0e0e0" d="M257.89 116.91h437.02v603.82H257.89z" />
|
|
<path fill="url(#d)" d="M265.28 127.12h422.25v583.41H265.28z" opacity=".5" />
|
|
<path fill="#fff" d="M270.65 131.42h411.5v570.52h-411.5z" />
|
|
<path fill="url(#e)" d="M374.87 106.68h204.14v49.45H374.87z" />
|
|
<path
|
|
d="M666.86 118c-15.76 0-28.54 13.08-28.54 29.22s12.78 29.22 28.54 29.22 28.54-13.08 28.54-29.22S682.62 118 666.86 118zm0 46.08a16.86 16.86 0 1116.46-16.86A16.66 16.66 0 01666.86 164z"
|
|
transform="translate(-189.92 -59.59)"
|
|
fill="url(#f)"
|
|
/>
|
|
<path fill="#6c63ff" d="M377.02 104.56h199.84v47.27H377.02z" />
|
|
<path
|
|
d="M476.94 58.41a27.93 27.93 0 1027.93 27.93 27.93 27.93 0 00-27.93-27.93zm0 44.05a16.12 16.12 0 1116.14-16.16 16.12 16.12 0 01-16.14 16.11z"
|
|
fill="#6c63ff"
|
|
/>
|
|
<g opacity=".5" fill="#47e6b1">
|
|
<path d="M15.27 737.05h3.76v21.33h-3.76z" />
|
|
<path d="M27.82 745.84v3.76H6.49v-3.76z" />
|
|
</g>
|
|
<g opacity=".5" fill="#47e6b1">
|
|
<path d="M451.49 0h3.76v21.33h-3.76z" />
|
|
<path d="M464.04 8.78v3.76h-21.33V8.78z" />
|
|
</g>
|
|
<path
|
|
d="M771.08 772.56a4.61 4.61 0 01-2.57-5.57 2.22 2.22 0 00.1-.51 2.31 2.31 0 00-4.15-1.53 2.22 2.22 0 00-.26.45 4.61 4.61 0 01-5.57 2.57 2.22 2.22 0 00-.51-.1 2.31 2.31 0 00-1.53 4.15 2.22 2.22 0 00.45.26 4.61 4.61 0 012.57 5.57 2.22 2.22 0 00-.1.51 2.31 2.31 0 004.15 1.53 2.22 2.22 0 00.26-.45 4.61 4.61 0 015.57-2.57 2.22 2.22 0 00.51.1 2.31 2.31 0 001.53-4.15 2.22 2.22 0 00-.45-.26z"
|
|
fill="#4d8af0"
|
|
opacity=".5"
|
|
/>
|
|
<path
|
|
d="M136.67 567.5a4.61 4.61 0 01-2.57-5.57 2.22 2.22 0 00.1-.51 2.31 2.31 0 00-4.15-1.53 2.22 2.22 0 00-.26.45 4.61 4.61 0 01-5.57 2.57 2.22 2.22 0 00-.51-.1 2.31 2.31 0 00-1.53 4.15 2.22 2.22 0 00.45.26 4.61 4.61 0 012.57 5.57 2.22 2.22 0 00-.1.51 2.31 2.31 0 004.15 1.53 2.22 2.22 0 00.26-.45 4.61 4.61 0 015.57-2.57 2.22 2.22 0 00.51.1 2.31 2.31 0 001.53-4.15 2.22 2.22 0 00-.45-.26zM665.08 68.18a4.61 4.61 0 01-2.57-5.57 2.22 2.22 0 00.1-.51 2.31 2.31 0 00-4.15-1.53 2.22 2.22 0 00-.26.45 4.61 4.61 0 01-5.57 2.57 2.22 2.22 0 00-.51-.1 2.31 2.31 0 00-1.53 4.15 2.22 2.22 0 00.45.26 4.61 4.61 0 012.57 5.57 2.22 2.22 0 00-.1.51 2.31 2.31 0 004.15 1.53 2.22 2.22 0 00.26-.45 4.61 4.61 0 015.57-2.57 2.22 2.22 0 00.51.1 2.31 2.31 0 001.53-4.15 2.22 2.22 0 00-.45-.26z"
|
|
fill="#fdd835"
|
|
opacity=".5"
|
|
/>
|
|
<circle cx="812.64" cy="314.47" r="7.53" fill="#f55f44" opacity=".5" />
|
|
<circle cx="230.73" cy="746.65" r="7.53" fill="#f55f44" opacity=".5" />
|
|
<circle cx="735.31" cy="477.23" r="7.53" fill="#f55f44" opacity=".5" />
|
|
<circle cx="87.14" cy="96.35" r="7.53" fill="#4d8af0" opacity=".5" />
|
|
<circle cx="7.53" cy="301.76" r="7.53" fill="#47e6b1" opacity=".5" />
|
|
</svg>
|
|
);
|
|
};
|
|
export default AccessAccount;
|