react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
1,206 lines (1,201 loc) • 29.8 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawWorking = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="a09fa3a6-dba4-40ba-b885-cc98534657bc"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024.7 720.22"
>
<defs>
<linearGradient
id="f92a91d7-4059-49c6-894e-c8dab81fb5af"
x1={720.55}
y1={535.76}
x2={720.55}
y2={325.76}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="gray" stopOpacity={0.25} />
<stop offset={0.54} stopColor="gray" stopOpacity={0.12} />
<stop offset={1} stopColor="gray" stopOpacity={0.1} />
</linearGradient>
<linearGradient
id="c58bd36a-01a7-46e5-8323-adc09064b771"
x1={798.2}
y1={583.15}
x2={798.2}
y2={458.15}
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="29c72710-dae5-4ad8-96d1-455329951e3c"
x1={238.36}
y1={428.3}
x2={238.36}
y2={119.58}
gradientTransform="translate(-12.63 38.77)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="7a37873d-c57a-43fd-aa45-99a9d1c379fd"
x1={459.08}
y1={428.3}
x2={459.08}
y2={119.58}
gradientTransform="translate(-18.07 -9.96)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="5e3ff8d5-382f-495f-9fdf-72d1242582bd"
x1={518.08}
y1={513.3}
x2={518.08}
y2={204.58}
gradientTransform="translate(-0.76 -25.08)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="c0b66098-437d-4b1b-b81d-a867767ac0dd"
x1={232.72}
y1={413.94}
x2={250.72}
y2={413.94}
gradientTransform="translate(18.19 34.57)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="293b1175-599a-4b76-8173-401aa981a581"
x1={915.18}
y1={385.93}
x2={1046.04}
y2={76.93}
gradientTransform="translate(1223.33 -718.85) rotate(90)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="d2375d07-47ba-4921-8e78-a71553ca9a7a"
x1={489.5}
y1={757.83}
x2={489.5}
y2={553.87}
gradientTransform="translate(1127.47 220.59) rotate(90)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="08fde867-71d5-4ec0-a80d-408681263949"
x1={458.84}
y1={821.89}
x2={458.84}
y2={618.69}
gradientTransform="translate(1156.31 244.31) rotate(90)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="0ab72b0f-32a8-425d-80d2-4b1f07f2de29"
x1={419.51}
y1={808.41}
x2={419.51}
y2={605.21}
gradientTransform="translate(1123.68 283.65) rotate(90)"
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
<linearGradient
id="46292392-5cd3-46a9-a852-2190db7bfe09"
x1={315.06}
y1={718.86}
x2={315.06}
y2={515.66}
xlinkHref="#f92a91d7-4059-49c6-894e-c8dab81fb5af"
/>
</defs>
<title>working2</title>
<circle
cx={720.55}
cy={430.76}
r={105}
fill="url(#f92a91d7-4059-49c6-894e-c8dab81fb5af)"
/>
<circle cx={720.55} cy={430.76} r={100} fill="#f5f5f5" />
<g opacity={0.5}>
<path
d="M811,458.19A62.5,62.5,0,0,0,746.69,514h-18a3.64,3.64,0,0,0-3.64,3.64v6a3.64,3.64,0,0,0,3.64,3.64h18A62.5,62.5,0,1,0,811,458.19Z"
transform="translate(-87.65 -89.89)"
fill="url(#c58bd36a-01a7-46e5-8323-adc09064b771)"
/>
</g>
<path
d="M810.19,461.93a58.75,58.75,0,0,0-60.41,52.47H732.36a2.92,2.92,0,0,0-2.92,2.92V524a2.92,2.92,0,0,0,2.92,2.92h17.42a58.75,58.75,0,1,0,60.41-65Z"
transform="translate(-87.65 -89.89)"
fill="#fff"
/>
<circle cx={720.55} cy={430.76} r={41.25} fill="#a1887f" />
<path
d="M829.45,500.65s11.77,18.28,8.41,32.5C837.85,533.15,851.3,510.81,829.45,500.65Z"
transform="translate(-87.65 -89.89)"
fill="#fff"
opacity={0.2}
/>
<circle cx={746.8} cy={453.26} r={3.75} fill="#fff" opacity={0.2} />
<rect
x={119.09}
y={158.34}
width={213.27}
height={308.72}
transform="translate(-151.11 -32.35) rotate(-12.75)"
fill="url(#29c72710-dae5-4ad8-96d1-455329951e3c)"
/>
<rect
x={334.38}
y={109.62}
width={213.27}
height={308.72}
transform="translate(-135.04 13.97) rotate(-12.75)"
fill="url(#7a37873d-c57a-43fd-aa45-99a9d1c379fd)"
/>
<rect
x={122.15}
y={161.99}
width={207.97}
height={302.01}
transform="matrix(0.98, -0.22, 0.22, 0.98, -151.16, -32.25)"
fill="#fff"
/>
<rect
x={336.06}
y={113.58}
width={207.97}
height={302.01}
transform="translate(-135.2 13.77) rotate(-12.75)"
fill="#f5f5f5"
/>
<rect
x={297.26}
y={180.1}
width={22.37}
height={2.98}
transform="translate(-120.13 -17.33) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={299.57}
y={190.28}
width={22.37}
height={2.98}
transform="translate(-122.32 -16.57) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={301.87}
y={200.47}
width={22.37}
height={2.98}
transform="translate(-124.51 -15.81) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={304.17}
y={210.65}
width={22.37}
height={2.98}
transform="translate(-126.7 -15.05) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={306.48}
y={220.83}
width={22.37}
height={2.98}
transform="translate(-128.89 -14.29) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={308.78}
y={231.01}
width={22.37}
height={2.98}
transform="translate(-131.08 -13.53) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={311.09}
y={241.19}
width={22.37}
height={2.98}
transform="translate(-133.27 -12.77) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={313.39}
y={251.38}
width={22.37}
height={2.98}
transform="translate(-135.46 -12.01) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={315.7}
y={261.56}
width={22.37}
height={2.98}
transform="translate(-137.65 -11.25) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={318}
y={271.74}
width={22.37}
height={2.98}
transform="translate(-139.84 -10.49) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={320.31}
y={281.92}
width={22.37}
height={2.98}
transform="translate(-142.03 -9.73) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={322.61}
y={292.11}
width={22.37}
height={2.98}
transform="translate(-144.22 -8.97) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={324.91}
y={302.29}
width={22.37}
height={2.98}
transform="translate(-146.41 -8.21) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={327.22}
y={312.47}
width={22.37}
height={2.98}
transform="translate(-148.61 -7.45) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={329.52}
y={322.65}
width={22.37}
height={2.98}
transform="translate(-150.8 -6.69) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={331.83}
y={332.84}
width={22.37}
height={2.98}
transform="translate(-152.99 -5.93) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={334.13}
y={343.02}
width={22.37}
height={2.98}
transform="translate(-155.18 -5.17) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={336.44}
y={353.2}
width={22.37}
height={2.98}
transform="translate(-157.37 -4.41) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={338.74}
y={363.38}
width={22.37}
height={2.98}
transform="translate(-159.56 -3.65) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={341.05}
y={373.57}
width={22.37}
height={2.98}
transform="translate(-161.75 -2.89) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={343.35}
y={383.75}
width={22.37}
height={2.98}
transform="translate(-163.94 -2.13) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={345.65}
y={393.93}
width={22.37}
height={2.98}
transform="translate(-166.13 -1.37) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={347.96}
y={404.11}
width={22.37}
height={2.98}
transform="translate(-168.32 -0.61) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={350.26}
y={414.29}
width={22.37}
height={2.98}
transform="translate(-170.51 0.15) rotate(-12.75)"
fill="#e0e0e0"
/>
<rect
x={135.55}
y={198.32}
width={124.88}
height={20.81}
transform="translate(-128.84 -41.04) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={124.12}
y={247.57}
width={166.5}
height={5.2}
transform="translate(-137.76 -37.95) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={126.8}
y={259.41}
width={166.5}
height={5.2}
transform="translate(-140.31 -37.06) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={129.48}
y={271.26}
width={166.5}
height={5.2}
transform="translate(-142.85 -36.18) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={133.23}
y={292.67}
width={79.78}
height={5.2}
transform="translate(-148.56 -44.39) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={135.76}
y={303.17}
width={91.92}
height={5.2}
transform="translate(-150.66 -42.24) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={137.52}
y={306.78}
width={166.5}
height={5.2}
transform="translate(-150.5 -33.53) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={140.2}
y={318.62}
width={166.5}
height={5.2}
transform="translate(-153.04 -32.64) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={143.03}
y={331.8}
width={154.36}
height={5.2}
transform="translate(-156.03 -33.03) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={145.56}
y={342.3}
width={166.5}
height={5.2}
transform="translate(-158.14 -30.88) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={149.22}
y={362.95}
width={86.72}
height={5.2}
transform="translate(-163.59 -38.36) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={372.13}
y={326.14}
width={91.92}
height={5.2}
transform="translate(-149.9 10.51) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={373.89}
y={329.75}
width={166.5}
height={5.2}
transform="translate(-149.74 19.22) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={376.57}
y={341.59}
width={166.5}
height={5.2}
transform="translate(-152.28 20.1) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={379.4}
y={354.77}
width={154.36}
height={5.2}
transform="translate(-155.27 19.71) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={381.93}
y={365.27}
width={166.5}
height={5.2}
transform="translate(-157.38 21.87) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={385.59}
y={385.92}
width={86.72}
height={5.2}
transform="translate(-162.83 14.38) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={221.62}
y={367.14}
width={100.59}
height={69.38}
transform="translate(-169.64 -19.96) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={337.76}
y={141.7}
width={100.59}
height={69.38}
transform="translate(-117.01 0.12) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={433.79}
y={212.43}
width={100.59}
height={69.38}
transform="translate(-130.26 23.06) rotate(-12.75)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={410.68}
y={179.5}
width={213.27}
height={308.72}
rx={13.44}
ry={13.44}
transform="translate(-148.58 32.54) rotate(-12.75)"
fill="url(#5e3ff8d5-382f-495f-9fdf-72d1242582bd)"
/>
<rect
x={412.36}
y={183.46}
width={207.97}
height={302.01}
rx={13.44}
ry={13.44}
transform="translate(-148.74 32.34) rotate(-12.75)"
fill={props.primaryColor}
/>
<rect
x={376.49}
y={249.32}
width={22.37}
height={2.98}
transform="translate(-133.45 1.87) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={378.8}
y={259.5}
width={22.37}
height={2.98}
transform="translate(-135.64 2.63) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={381.1}
y={269.68}
width={22.37}
height={2.98}
transform="translate(-137.83 3.39) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={383.41}
y={279.87}
width={22.37}
height={2.98}
transform="translate(-140.02 4.15) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={385.71}
y={290.05}
width={22.37}
height={2.98}
transform="translate(-142.21 4.91) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={388.02}
y={300.23}
width={22.37}
height={2.98}
transform="translate(-144.4 5.67) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={390.32}
y={310.41}
width={22.37}
height={2.98}
transform="translate(-146.59 6.43) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={392.63}
y={320.59}
width={22.37}
height={2.98}
transform="translate(-148.79 7.19) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={394.93}
y={330.78}
width={22.37}
height={2.98}
transform="translate(-150.98 7.95) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={397.23}
y={340.96}
width={22.37}
height={2.98}
transform="translate(-153.17 8.71) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={399.54}
y={351.14}
width={22.37}
height={2.98}
transform="translate(-155.36 9.47) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={401.84}
y={361.32}
width={22.37}
height={2.98}
transform="translate(-157.55 10.23) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={404.15}
y={371.51}
width={22.37}
height={2.98}
transform="translate(-159.74 10.99) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={406.45}
y={381.69}
width={22.37}
height={2.98}
transform="translate(-161.93 11.75) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={408.76}
y={391.87}
width={22.37}
height={2.98}
transform="translate(-164.12 12.51) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={411.06}
y={402.05}
width={22.37}
height={2.98}
transform="translate(-166.31 13.27) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={413.37}
y={412.24}
width={22.37}
height={2.98}
transform="translate(-168.5 14.03) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={415.67}
y={422.42}
width={22.37}
height={2.98}
transform="translate(-170.69 14.79) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={417.97}
y={432.6}
width={22.37}
height={2.98}
transform="translate(-172.88 15.55) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={420.28}
y={442.78}
width={22.37}
height={2.98}
transform="translate(-175.07 16.31) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={422.58}
y={452.97}
width={22.37}
height={2.98}
transform="translate(-177.27 17.07) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={424.89}
y={463.15}
width={22.37}
height={2.98}
transform="translate(-179.46 17.83) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={427.19}
y={473.33}
width={22.37}
height={2.98}
transform="translate(-181.65 18.59) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={429.5}
y={483.51}
width={22.37}
height={2.98}
transform="translate(-183.84 19.35) rotate(-12.75)"
fill="#bdbdbd"
/>
<rect
x={268.05}
y={461.04}
width={10}
height={91}
transform="translate(-192.73 -17.12) rotate(-12.75)"
fill="#69f0ae"
/>
<g opacity={0.5}>
<rect
x={250.91}
y={425.51}
width={18}
height={46}
transform="translate(-180.24 -21.45) rotate(-12.75)"
fill="url(#c0b66098-437d-4b1b-b81d-a867767ac0dd)"
/>
</g>
<rect
x={252.52}
y={427.5}
width={15}
height={43}
transform="translate(-180.35 -21.42) rotate(-12.75)"
fill="#69f0ae"
/>
<rect
x={252.52}
y={427.5}
width={15}
height={43}
transform="translate(-180.35 -21.42) rotate(-12.75)"
fill="#fff"
opacity={0.3}
/>
<rect
x={280.53}
y={549.87}
width={6}
height={6}
transform="translate(-202.69 -13.67) rotate(-12.75)"
fill="#69f0ae"
/>
<polygon
points="163.76 348.24 159.86 349.12 157.91 349.56 158.35 351.51 162.1 368.09 164.05 367.65 160.3 351.07 164.2 350.19 163.76 348.24"
fill="#69f0ae"
/>
<polygon
points="163.76 348.24 159.86 349.12 157.91 349.56 158.35 351.51 162.1 368.09 164.05 367.65 160.3 351.07 164.2 350.19 163.76 348.24"
fill="#fff"
opacity={0.3}
/>
<g opacity={0.5}>
<rect x={183.55} y={654.76} width={3} height={17} fill="#47e6b1" />
<rect
x={271.2}
y={744.65}
width={3}
height={17}
transform="translate(938.2 390.56) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={726.55} y={32.76} width={3} height={17} fill="#47e6b1" />
<rect
x={814.2}
y={122.65}
width={3}
height={17}
transform="translate(859.2 -774.44) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={636.55} y={249.76} width={3} height={17} fill="#47e6b1" />
<rect
x={724.2}
y={339.65}
width={3}
height={17}
transform="translate(986.2 -467.44) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={894.15} y={288.76} width={3} height={17} fill="#47e6b1" />
<rect
x={981.8}
y={378.65}
width={3}
height={17}
transform="translate(1282.8 -686.03) rotate(90)"
fill="#47e6b1"
/>
</g>
<path
d="M445.89,743a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,440,748.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,445.89,743Z"
transform="translate(-87.65 -89.89)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M628.89,755a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,623,760.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,628.89,755Z"
transform="translate(-87.65 -89.89)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M847.89,324a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,842,329.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,847.89,324Z"
transform="translate(-87.65 -89.89)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M999.89,485a3.67,3.67,0,0,1-2-4.44,1.77,1.77,0,0,0,.08-.41h0a1.84,1.84,0,0,0-3.31-1.22h0a1.77,1.77,0,0,0-.2.36,3.67,3.67,0,0,1-4.44,2,1.77,1.77,0,0,0-.41-.08h0a1.84,1.84,0,0,0-1.22,3.31h0a1.77,1.77,0,0,0,.36.2,3.67,3.67,0,0,1,2,4.44,1.77,1.77,0,0,0-.08.41h0A1.84,1.84,0,0,0,994,490.8h0a1.77,1.77,0,0,0,.2-.36,3.67,3.67,0,0,1,4.44-2,1.77,1.77,0,0,0,.41.08h0a1.84,1.84,0,0,0,1.22-3.31h0A1.77,1.77,0,0,0,999.89,485Z"
transform="translate(-87.65 -89.89)"
fill="#4d8af0"
opacity={0.5}
/>
<circle cx={105.55} cy={599.76} r={6} fill="#f55f44" opacity={0.5} />
<circle cx={523.55} cy={50.76} r={6} fill="#4d8af0" opacity={0.5} />
<circle cx={498.55} cy={489.76} r={6} fill="#47e6b1" opacity={0.5} />
<circle cx={844.55} cy={639.76} r={6} fill="#f55f44" opacity={0.5} />
<g opacity={0.5}>
<path
d="M848.9,179h286a6.28,6.28,0,0,1,6.28,6.28V338.22a6.29,6.29,0,0,1-6.29,6.29h-286a6.28,6.28,0,0,1-6.28-6.28V185.3A6.28,6.28,0,0,1,848.9,179Z"
transform="translate(369.81 1047.52) rotate(-73.39)"
fill="url(#293b1175-599a-4b76-8173-401aa981a581)"
/>
</g>
<rect
x={911.41}
y={116.37}
width={161.02}
height={290.64}
rx={13.64}
ry={13.64}
transform="matrix(0.96, 0.29, -0.29, 0.96, 28.59, -362.58)"
fill="#fff"
/>
<path
id="cdce7a1b-38f7-4c8d-8931-0c36b9a2cc2d"
data-name="<Path>"
d="M1070.15,141a13.05,13.05,0,0,1-15.5,7L1001.36,132a13.05,13.05,0,0,1-9.15-14.32L964,109.31a6.12,6.12,0,0,0-7.61,4.11L880.92,366.24a6.12,6.12,0,0,0,4.11,7.61l134.84,40.23a6.12,6.12,0,0,0,7.61-4.11l75.44-252.82a6.12,6.12,0,0,0-4.11-7.61Z"
transform="translate(-87.65 -89.89)"
fill="#e0e0e0"
/>
<rect
x={1010.74}
y={132.3}
width={35.88}
height={2.24}
rx={1.12}
ry={1.12}
transform="translate(-11.8 -366.47) rotate(15.89)"
fill="#dbdbdb"
/>
<circle
cx={1053.33}
cy={140.21}
r={1.35}
transform="translate(542.4 1024.99) rotate(-74.11)"
fill="#dbdbdb"
/>
<rect
x={953.4}
y={164.46}
width={44}
height={38}
transform="translate(-3.91 -342.32) rotate(15.4)"
fill="#fff"
/>
<rect
x={938.79}
y={217.48}
width={44}
height={38}
transform="translate(9.64 -336.54) rotate(15.4)"
fill={props.primaryColor}
opacity={0.3}
/>
<rect
x={924.19}
y={270.51}
width={44}
height={38}
transform="translate(23.2 -330.75) rotate(15.4)"
fill="#fff"
/>
<rect
x={909.58}
y={323.53}
width={44}
height={38}
transform="translate(36.76 -324.97) rotate(15.4)"
fill="#3ad29f"
opacity={0.3}
/>
<rect
x={1008.3}
y={190.21}
width={58}
height={4}
transform="translate(0.63 -358.44) rotate(15.4)"
fill="#fff"
/>
<rect
x={1005.11}
y={201.78}
width={58}
height={4}
transform="translate(3.59 -357.18) rotate(15.4)"
fill="#fff"
/>
<rect
x={993.96}
y={242.27}
width={58}
height={4}
transform="translate(13.94 -352.77) rotate(15.4)"
fill="#fff"
/>
<rect
x={990.77}
y={253.84}
width={58}
height={4}
transform="translate(16.9 -351.5) rotate(15.4)"
fill="#fff"
/>
<rect
x={979.62}
y={294.33}
width={58}
height={4}
transform="translate(27.25 -347.09) rotate(15.4)"
fill="#fff"
/>
<rect
x={976.43}
y={305.9}
width={58}
height={4}
transform="translate(30.21 -345.83) rotate(15.4)"
fill="#fff"
/>
<rect
x={965.28}
y={346.39}
width={58}
height={4}
transform="translate(40.56 -341.41) rotate(15.4)"
fill="#fff"
/>
<rect
x={962.09}
y={357.96}
width={58}
height={4}
transform="translate(43.52 -340.15) rotate(15.4)"
fill="#fff"
/>
<g opacity={0.5}>
<rect
x={369.63}
y={678.91}
width={203.96}
height={62.36}
transform="translate(-466.74 565.88) rotate(-52.76)"
fill="url(#d2375d07-47ba-4921-8e78-a71553ca9a7a)"
/>
</g>
<rect
x={442.37}
y={609.78}
width={59.29}
height={201.23}
transform="translate(438.55 -230.69) rotate(37.24)"
fill="#e0e0e0"
/>
<rect
x={497.36}
y={628.64}
width={41.91}
height={41.91}
transform="translate(411.19 -271.11) rotate(37.24)"
fill="#4d8af0"
/>
<rect
x={466.74}
y={668.92}
width={41.91}
height={41.91}
transform="translate(429.33 -244.36) rotate(37.24)"
fill="#4d8af0"
opacity={0.5}
/>
<rect
x={436.11}
y={709.2}
width={41.91}
height={41.91}
transform="translate(447.46 -217.61) rotate(37.24)"
fill="#4d8af0"
opacity={0.3}
/>
<g opacity={0.5}>
<rect
x={334.41}
y={671.97}
width={203.2}
height={62.36}
transform="translate(-458.1 798.04) rotate(-71.1)"
fill="url(#08fde867-71d5-4ec0-a80d-408681263949)"
/>
</g>
<rect
x={406.85}
y={603.08}
width={59.29}
height={200.47}
transform="translate(163.66 -193.35) rotate(18.9)"
fill="#f5f5f5"
/>
<rect
x={440.21}
y={610.43}
width={41.91}
height={41.91}
transform="translate(141.69 -205.22) rotate(18.9)"
fill="#ff5252"
/>
<rect
x={423.82}
y={658.3}
width={41.91}
height={41.91}
transform="translate(156.32 -197.33) rotate(18.9)"
fill="#ff5252"
opacity={0.5}
/>
<rect
x={407.43}
y={706.18}
width={41.91}
height={41.91}
transform="translate(170.94 -189.44) rotate(18.9)"
fill="#ff5252"
opacity={0.3}
/>
<g opacity={0.5}>
<rect
x={315.26}
y={671.97}
width={203.2}
height={62.36}
transform="translate(-420.66 938.67) rotate(-82.8)"
fill="url(#0ab72b0f-32a8-425d-80d2-4b1f07f2de29)"
/>
</g>
<rect
x={387.72}
y={602.98}
width={59.29}
height={200.47}
transform="translate(3.82 -136.67) rotate(7.2)"
fill="#f5f5f5"
/>
<rect
x={405.96}
y={606.82}
width={41.91}
height={41.91}
transform="translate(-5.57 -138.46) rotate(7.2)"
fill="#69f0ae"
/>
<rect
x={399.61}
y={657.02}
width={41.91}
height={41.91}
transform="translate(0.68 -137.27) rotate(7.2)"
fill="#69f0ae"
opacity={0.5}
/>
<rect
x={393.27}
y={707.22}
width={41.91}
height={41.91}
transform="translate(6.92 -136.08) rotate(7.2)"
fill="#69f0ae"
opacity={0.3}
/>
<g opacity={0.5}>
<rect
x={283.88}
y={515.66}
width={62.36}
height={203.2}
fill="url(#46292392-5cd3-46a9-a852-2190db7bfe09)"
/>
</g>
<rect x={285.92} y={517.02} width={59.29} height={200.47} fill="#fff" />
<rect x={294.61} y={520.26} width={41.91} height={41.91} fill={props.primaryColor} />
<rect
x={294.61}
y={570.86}
width={41.91}
height={41.91}
fill={props.primaryColor}
opacity={0.5}
/>
<rect
x={294.61}
y={621.47}
width={41.91}
height={41.91}
fill={props.primaryColor}
opacity={0.3}
/>
</svg>
);
UndrawWorking.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawWorking.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawWorking;