react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
635 lines (630 loc) • 25.2 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawOuterSpace = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="a7f037b1-1ba7-4629-8cc3-b3a3163638de"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1135.18 814.22"
>
<defs>
<linearGradient
id="3e46dd13-459a-49e8-af7c-f12b6d999bf6"
x1={277.46}
y1={697.11}
x2={277.46}
y2={669.52}
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="37af1bda-9495-41fb-8288-207b72e63f4f"
x1={748.15}
y1={567.16}
x2={748.15}
y2={544.13}
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="ffa80d9d-f94e-4fc6-af50-7242360bd602"
x1={556.93}
y1={707.16}
x2={556.93}
y2={42.89}
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
x1={456.95}
y1={628.14}
x2={456.95}
y2={692.54}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#e0e0e0" />
<stop offset={0.31} stopColor="#fccc63" />
<stop offset={0.77} stopColor="#f55f44" />
</linearGradient>
<linearGradient
id="05259978-803a-45e8-b8b5-97b552edcb85"
x1={534.05}
y1={628.14}
x2={534.05}
y2={692.54}
xlinkHref="#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
/>
<linearGradient
id="5c39a74e-5e59-4415-b752-703a3fffee2a"
x1={582.35}
y1={628.14}
x2={582.35}
y2={692.54}
xlinkHref="#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
/>
<linearGradient
id="d7f6cccc-6a0f-4e3d-828b-6d7dc4b7481b"
x1={660.3}
y1={628.14}
x2={660.3}
y2={692.54}
xlinkHref="#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40"
/>
<linearGradient
id="d8b67709-3c19-4550-a3e0-86074d811eb7"
x1={766.05}
y1={409.23}
x2={766.05}
y2={340.57}
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="3e509778-a030-4d68-b2a4-c64a3ac4f253"
x1={331.05}
y1={577.85}
x2={331.05}
y2={529.94}
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="8106a0a8-6eb7-4dbb-9969-62b3885817e2"
x1={1089.71}
y1={391.13}
x2={1089.71}
y2={291.42}
gradientTransform="translate(1273.91 -565.8) rotate(90)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="e60b1eb1-24c6-4ffa-b9e3-ca42930483a3"
x1={1089.71}
y1={446.08}
x2={1089.71}
y2={303.08}
gradientTransform="translate(131.08 -289.39) rotate(28.03)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="d0ce0e06-e5c2-44aa-bb47-05706c8ef26f"
x1={1090.01}
y1={308.91}
x2={1090.01}
y2={259.34}
gradientTransform="translate(131.08 -289.39) rotate(28.03)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="a4a35fa4-778a-4359-8c4d-261def49668d"
x1={1074.15}
y1={451.93}
x2={1074.15}
y2={433.7}
gradientTransform="translate(131.08 -289.39) rotate(28.03)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="4bbacd58-6e16-4c21-836d-548c96a127a7"
x1={1105.64}
y1={451.93}
x2={1105.64}
y2={433.7}
gradientTransform="translate(131.08 -289.39) rotate(28.03)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
<linearGradient
id="eb70dcce-e6f3-4a8b-b07f-dae47734eaed"
x1={1090.3}
y1={366.06}
x2={1090.3}
y2={325.24}
gradientTransform="translate(1276.74 -562.25) rotate(90)"
xlinkHref="#3e46dd13-459a-49e8-af7c-f12b6d999bf6"
/>
</defs>
<title>outer space</title>
<path
d="M1023.41,751.25a140,140,0,0,1-27.7-.36c-101.12-11.19-238.82-8-351.07,61.54C489.4,908.6,246.11,826.27,138.79,781.48c-82-34.21-124.58-118-99-196.65q.54-1.66,1.12-3.33C57,534.76,88.76,498.18,128.09,478.79c34.28-16.9,84.33-52.19,106.6-120,9.2-28,21.82-54.33,38.21-77.3,43.89-61.51,135.77-153,293.79-152.43a254.71,254.71,0,0,1,81.41,13.78c57.73,19.68,109.87,59.67,149.63,115.1,25.37,35.37,63.39,68.23,117.82,70.92,75.54,3.74,147.63,38.91,201.71,101.5,1.56,1.8,3.1,3.61,4.64,5.44C1218.19,550.44,1151.31,740.07,1023.41,751.25Z"
transform="translate(-32.41 -42.89)"
fill={props.primaryColor}
/>
<g opacity={0.7}>
<circle
cx={277.46}
cy={683.31}
r={13.8}
fill="url(#3e46dd13-459a-49e8-af7c-f12b6d999bf6)"
/>
</g>
<circle cx={277.46} cy={683.31} r={13.18} opacity={0.2} />
<circle cx={203.11} cy={414.14} r={5.1} fill="#fff" />
<circle cx={567.11} cy={710.14} r={5.1} fill="#fff" />
<circle cx={352.11} cy={736.14} r={2.85} fill="#fff" />
<circle cx={983.11} cy={598.14} r={2.85} fill="#fff" />
<circle cx={820.11} cy={342.14} r={2.85} fill="#fff" />
<circle cx={1051.11} cy={467.14} r={2.85} fill="#fff" />
<circle cx={293.11} cy={247.14} r={5.1} fill="#fff" />
<polygon
points="152.94 592.21 148.4 592.21 148.4 587.67 146.55 587.67 146.55 592.21 142.01 592.21 142.01 594.06 146.55 594.06 146.55 598.59 148.4 598.59 148.4 594.06 152.94 594.06 152.94 592.21"
fill="#fff"
/>
<polygon
points="266.94 590.21 262.4 590.21 262.4 585.67 260.55 585.67 260.55 590.21 256.01 590.21 256.01 592.06 260.55 592.06 260.55 596.59 262.4 596.59 262.4 592.06 266.94 592.06 266.94 590.21"
fill="#fff"
/>
<polygon
points="429.94 682.21 425.4 682.21 425.4 677.67 423.55 677.67 423.55 682.21 419.01 682.21 419.01 684.06 423.55 684.06 423.55 688.59 425.4 688.59 425.4 684.06 429.94 684.06 429.94 682.21"
fill="#fff"
/>
<polygon
points="656.97 130.71 654.9 130.71 654.9 128.64 654.06 128.64 654.06 130.71 651.99 130.71 651.99 131.55 654.06 131.55 654.06 133.62 654.9 133.62 654.9 131.55 656.97 131.55 656.97 130.71"
fill="#fff"
/>
<polygon
points="951.97 320.71 949.9 320.71 949.9 318.64 949.06 318.64 949.06 320.71 946.99 320.71 946.99 321.55 949.06 321.55 949.06 323.62 949.9 323.62 949.9 321.55 951.97 321.55 951.97 320.71"
fill="#fff"
/>
<polygon
points="777.97 444.71 775.9 444.71 775.9 442.64 775.06 442.64 775.06 444.71 772.99 444.71 772.99 445.55 775.06 445.55 775.06 447.62 775.9 447.62 775.9 445.55 777.97 445.55 777.97 444.71"
fill="#fff"
/>
<polygon
points="69.97 522.71 67.9 522.71 67.9 520.64 67.06 520.64 67.06 522.71 64.99 522.71 64.99 523.55 67.06 523.55 67.06 525.62 67.9 525.62 67.9 523.55 69.97 523.55 69.97 522.71"
fill="#fff"
/>
<polygon
points="154.97 692.71 152.9 692.71 152.9 690.64 152.06 690.64 152.06 692.71 149.99 692.71 149.99 693.55 152.06 693.55 152.06 695.62 152.9 695.62 152.9 693.55 154.97 693.55 154.97 692.71"
fill="#fff"
/>
<polygon
points="421.97 155.71 419.9 155.71 419.9 153.64 419.06 153.64 419.06 155.71 416.99 155.71 416.99 156.55 419.06 156.55 419.06 158.62 419.9 158.62 419.9 156.55 421.97 156.55 421.97 155.71"
fill="#fff"
/>
<polygon
points="295.97 454.71 293.9 454.71 293.9 452.64 293.06 452.64 293.06 454.71 290.99 454.71 290.99 455.55 293.06 455.55 293.06 457.62 293.9 457.62 293.9 455.55 295.97 455.55 295.97 454.71"
fill="#fff"
/>
<polygon
points="322.97 368.71 320.9 368.71 320.9 366.64 320.06 366.64 320.06 368.71 317.99 368.71 317.99 369.55 320.06 369.55 320.06 371.62 320.9 371.62 320.9 369.55 322.97 369.55 322.97 368.71"
fill="#fff"
/>
<g opacity={0.7}>
<circle
cx={748.15}
cy={555.65}
r={11.52}
fill="url(#37af1bda-9495-41fb-8288-207b72e63f4f)"
/>
</g>
<circle cx={748.15} cy={555.65} r={10.67} opacity={0.2} />
<circle cx={776.88} cy={630.76} r={11.93} opacity={0.2} />
<g opacity={0.7}>
<path
d="M702.38,349.92a154.82,154.82,0,0,0-17.5-72c-5.49-10.44-10.5-16.92-14.35-20.91a10.25,10.25,0,0,0-11.75-2.26,10.57,10.57,0,0,0-4.11,2.65c-5.21,5.4-9.92,12.54-14,20.13a155.43,155.43,0,0,0-18.37,74v15.49h-9.93V187c0-37.72-8.44-74.93-25-107.93-7.84-15.64-15-25.36-20.49-31.33a14.21,14.21,0,0,0-21.35,0c-7.44,8.09-14.16,18.79-20,30.16-17.39,33.72-26.22,72-26.22,110.82V366.94h-8.58V350.71a155.43,155.43,0,0,0-18.37-74c-4.11-7.59-8.82-14.73-14-20.13a10.26,10.26,0,0,0-12-2.19l.36.2a10.61,10.61,0,0,0-3.35,2.34c-3.86,4-8.86,10.47-14.35,20.91a154.82,154.82,0,0,0-17.5,72v269h30.65L438.78,641v66.13h25.06V641l-3.35-22.12h30.2v-245h8.58V617.82h24.47L520.23,641v66.13h25.06V641l-3.51-23.21h33L571.25,641v66.13h25.06V641l-3.51-23.21h19.54V373.91h9.93V619.28h8.06v-.37h26.62L653.6,641v66.13h25.06V641l-3.35-22.12h27.07Z"
transform="translate(-32.41 -42.89)"
fill="url(#ffa80d9d-f94e-4fc6-af50-7242360bd602)"
/>
</g>
<polygon
points="436.4 585.25 412.67 585.25 416.91 556.44 432.16 556.44 436.4 585.25"
fill="#535461"
/>
<g opacity={0.1}>
<polygon points="415.73 567.88 433.34 567.88 432.16 559.83 416.91 559.83 415.73 567.88" />
</g>
<polygon
points="639.75 585.25 616.03 585.25 620.26 556.44 635.52 556.44 639.75 585.25"
fill="#535461"
/>
<g opacity={0.1}>
<polygon points="619.08 567.88 636.7 567.88 635.52 559.83 620.26 559.83 619.08 567.88" />
</g>
<polygon
points="513.5 585.25 489.78 585.25 494.01 556.44 509.27 556.44 513.5 585.25"
fill="#535461"
/>
<g opacity={0.1}>
<polygon points="492.83 567.88 510.45 567.88 509.27 559.83 494.01 559.83 492.83 567.88" />
</g>
<polygon
points="561.8 585.25 538.08 585.25 542.31 556.44 557.56 556.44 561.8 585.25"
fill="#535461"
/>
<g opacity={0.1}>
<polygon points="541.13 567.88 558.75 567.88 557.56 559.83 542.31 559.83 541.13 567.88" />
</g>
<rect x={436.4} y={318.35} width={169.46} height={6.78} fill="#535461" />
<path
d="M664.46,254.16a9.55,9.55,0,0,0-14.16,0c-4.93,5.26-9.39,12.21-13.28,19.6a154.84,154.84,0,0,0-17.39,72V606.6h75V344.66a154.27,154.27,0,0,0-16.57-70.14C672.85,264.36,668.11,258,664.46,254.16Z"
transform="translate(-32.41 -42.89)"
fill="#e0e0e0"
/>
<path
d="M449.39,254.16a9.55,9.55,0,0,1,14.16,0c4.93,5.26,9.39,12.21,13.28,19.6a154.84,154.84,0,0,1,17.39,72V606.6h-75V344.66a154.27,154.27,0,0,1,16.57-70.14C441,264.36,445.74,258,449.39,254.16Z"
transform="translate(-32.41 -42.89)"
fill="#e0e0e0"
/>
<polygon
points="387.25 307.33 405.05 307.42 405.05 329.36 387.25 329.36 387.25 307.33"
fill="#535461"
/>
<polygon
points="444.02 307.33 461.82 307.42 461.82 329.36 444.02 329.36 444.02 307.33"
fill="#535461"
/>
<polygon
points="587.22 307.33 605.01 307.42 605.01 329.36 587.22 329.36 587.22 307.33"
fill="#535461"
/>
<polygon
points="643.99 307.33 661.78 307.42 661.78 329.36 643.99 329.36 643.99 307.33"
fill="#535461"
/>
<g opacity={0.1}>
<path
d="M476.84,273.42c-3.89-7.39-8.35-14.34-13.28-19.6a9.52,9.52,0,0,0-11.33-2.13,10.11,10.11,0,0,1,2.86,2.13c4.93,5.26,9.39,12.21,13.28,19.6a154.84,154.84,0,0,1,17.39,72v260.8h8.47V345.43A154.84,154.84,0,0,0,476.84,273.42Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<g opacity={0.1}>
<path
d="M643.8,274.14c3.89-7.39,8.35-14.34,13.28-19.6a10.07,10.07,0,0,1,3.28-2.34,9.54,9.54,0,0,0-10.9,2.34c-4.93,5.26-9.39,12.21-13.28,19.6a154.84,154.84,0,0,0-17.39,72V607h7.63V346.16A154.84,154.84,0,0,1,643.8,274.14Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<path
d="M457.27,692.54h-.65A11.54,11.54,0,0,1,445.08,681V628.14h23.72V681A11.54,11.54,0,0,1,457.27,692.54Z"
transform="translate(-32.41 -42.89)"
fill="url(#2f88a91a-9c1f-46fb-a4ce-c661fb27ae40)"
/>
<path
d="M534.38,692.54h-.65A11.54,11.54,0,0,1,522.19,681V628.14h23.72V681A11.54,11.54,0,0,1,534.38,692.54Z"
transform="translate(-32.41 -42.89)"
fill="url(#05259978-803a-45e8-b8b5-97b552edcb85)"
/>
<path
d="M582.67,692.54H582A11.54,11.54,0,0,1,570.49,681V628.14h23.72V681A11.54,11.54,0,0,1,582.67,692.54Z"
transform="translate(-32.41 -42.89)"
fill="url(#5c39a74e-5e59-4415-b752-703a3fffee2a)"
/>
<path
d="M660.63,692.54H660A11.54,11.54,0,0,1,648.44,681V628.14h23.72V681A11.54,11.54,0,0,1,660.63,692.54Z"
transform="translate(-32.41 -42.89)"
fill="url(#d7f6cccc-6a0f-4e3d-828b-6d7dc4b7481b)"
/>
<path
d="M566.34,49.64a13.2,13.2,0,0,0-20.21,0c-7,7.88-13.41,18.3-19,29.37-16.47,32.84-24.82,70.12-24.82,107.92V605.54h107V185.25c0-36.73-8-73-23.64-105.1C578.32,64.92,571.55,55.45,566.34,49.64Z"
transform="translate(-32.41 -42.89)"
fill="#eee"
/>
<rect
x={494.79}
y={53.25}
width={55.84}
height={25.59}
rx={11}
ry={11}
fill="#535461"
/>
<g opacity={0.1}>
<rect x={470.48} y={158.35} width={105.91} height={4.11} />
</g>
<path
d="M793.45,354.22h0a34.65,34.65,0,0,0-10.23-9.05h0A34.33,34.33,0,1,0,766,409.23c.73,0,1.46,0,2.17-.07a34.33,34.33,0,0,0,25.23-54.93Z"
transform="translate(-32.41 -42.89)"
fill="url(#d8b67709-3c19-4550-a3e0-86074d811eb7)"
/>
<path
d="M798.5,374.9a32.45,32.45,0,0,1-30.4,32.38c-.68,0-1.37.07-2.06.07a32.45,32.45,0,1,1,16.23-60.56h0a32.76,32.76,0,0,1,9.67,8.56h0A32.28,32.28,0,0,1,798.5,374.9Z"
transform="translate(-32.41 -42.89)"
opacity={0.2}
/>
<path
d="M758.06,354.31a35.32,35.32,0,0,0-4.84,2.55,7.66,7.66,0,0,0-2.59,2.32,3,3,0,0,0-.07,3.3c.79,1.08,2.31,1.25,3.65,1.32a6.92,6.92,0,0,0,6.63-2.19l2.79-2.53c1-.88,2-2.09,1.61-3.32a2.94,2.94,0,0,0-2.37-1.6,9.84,9.84,0,0,0-7,1.23"
transform="translate(-32.41 -42.89)"
opacity={0.1}
/>
<g opacity={0.1}>
<circle cx={714} cy={344.82} r={1.71} />
</g>
<g opacity={0.1}>
<circle cx={748.72} cy={334} r={6.26} />
</g>
<g opacity={0.1}>
<path
d="M792,355.35h0a8.54,8.54,0,1,1-9.67-8.56h0A32.76,32.76,0,0,1,792,355.35Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<g opacity={0.1}>
<path
d="M792.58,393.58a32.37,32.37,0,0,1-24.47,13.7c0-.44-.06-.9-.06-1.35a15.37,15.37,0,0,1,24.54-12.34Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<path
d="M350.17,539.47h0a24.18,24.18,0,0,0-7.14-6.32h0a24,24,0,1,0-12,44.7c.51,0,1,0,1.52-.05a23.95,23.95,0,0,0,17.6-38.33Z"
transform="translate(-32.41 -42.89)"
fill="url(#3e509778-a030-4d68-b2a4-c64a3ac4f253)"
/>
<path
d="M353.69,553.9a22.64,22.64,0,0,1-21.21,22.59c-.47,0-1,0-1.43,0a22.64,22.64,0,1,1,11.32-42.25h0a22.85,22.85,0,0,1,6.74,6h0A22.52,22.52,0,0,1,353.69,553.9Z"
transform="translate(-32.41 -42.89)"
opacity={0.2}
/>
<path
d="M325.47,539.54a24.64,24.64,0,0,0-3.38,1.78,5.35,5.35,0,0,0-1.8,1.62,2.12,2.12,0,0,0,0,2.31,3.24,3.24,0,0,0,2.55.92,4.83,4.83,0,0,0,4.62-1.53l1.95-1.77c.68-.61,1.42-1.46,1.12-2.32a2.05,2.05,0,0,0-1.65-1.12,6.86,6.86,0,0,0-4.87.86"
transform="translate(-32.41 -42.89)"
opacity={0.1}
/>
<g opacity={0.1}>
<circle cx={284.93} cy={519.94} r={1.19} />
</g>
<g opacity={0.1}>
<circle cx={309.16} cy={512.4} r={4.37} />
</g>
<g opacity={0.1}>
<path
d="M349.12,540.26h0a6,6,0,1,1-6.75-6h0A22.85,22.85,0,0,1,349.12,540.26Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<g opacity={0.1}>
<path
d="M349.56,566.93a22.58,22.58,0,0,1-17.08,9.56c0-.31,0-.63,0-.95a10.73,10.73,0,0,1,17.12-8.61Z"
transform="translate(-32.41 -42.89)"
/>
</g>
<g id="120a17ce-273b-43da-a1c3-5a7a07668078" data-name="<Rectangle>">
<rect
x={882.78}
y={494.46}
width={99.71}
height={58.9}
rx={13}
ry={13}
transform="translate(-0.48 1058.1) rotate(-61.97)"
fill="url(#8106a0a8-6eb7-4dbb-9969-62b3885817e2)"
/>
</g>
<rect
id="3be746d1-66dc-490a-854a-a7ffe100c0cf"
data-name="<Rectangle>"
x={904.96}
y={476.27}
width={55.91}
height={95.03}
rx={13}
ry={13}
transform="translate(323.12 -419.83) rotate(28.03)"
fill="#535461"
/>
<polyline
id="2477f0b4-bd43-45e3-9b10-09d9927ab34c"
data-name="<Path>"
points="837.69 539.42 859.49 551.02 842.47 570.06"
fill="none"
/>
<g id="be3600ea-5c4f-48a4-9352-e6041bab2a7f" data-name="<Group>">
<polygon
points="927.05 467.07 898.55 452.64 895.52 439.52 937.95 461.13 927.05 467.07"
fill="#e0e0e0"
/>
</g>
<g id="77ab2e50-c39a-4f15-85d2-308a55fd3596" data-name="<Group>">
<polygon
points="937.58 461.83 895.55 439.46 906.33 439.44 931.46 451.77 937.58 461.83"
fill="#e0e0e0"
/>
</g>
<path
d="M994.67,533.16c-3-3.88-9.65-4.3-12.95-.83,1.54-10.1-2-20.88-9-28.65-1.16-1.29-4.31-5-6.07-4.34a9.77,9.77,0,0,0-4,3.95l-29.56-15.73.59-1.1c2.27-4.31-1.09-6.28-5.8-7.5a26.19,26.19,0,0,0-12.52,0c-6.53,1.55-12.33,5-18,8.43l-2.48-8a3.43,3.43,0,0,0-1.49-2.27,3.39,3.39,0,0,0-2.82.41c-4,1.89-8.13,3.91-10.71,7.42s-3.23,7.9-3.85,12.16-1.57,10,1.38,13.17c3.17,3.41,7.19,5.75,11.78,5.24,7.19-.8,14.59-1.67,21.07-4.57l-20,37.55.44.24-33.3,53.85,24.24,12.74L913,560.62l.71.38-28.46,56.27,24.53,13.21,26-57.74.76.41,20.19-37.93.36.89,6.62,16.32c1.38,3.4,3,7.11,6.41,8.69,2.42,1.14,6.66-1.68,9.1-2.63a27.88,27.88,0,0,0,6.6-4.11c3.42-2.61,6.93-5.31,9-9S997.39,536.63,994.67,533.16Z"
transform="translate(-32.41 -42.89)"
fill="url(#e60b1eb1-24c6-4ffa-b9e3-ca42930483a3)"
/>
<path
d="M991.95,532.82a8.54,8.54,0,0,0-12.48-.62,34.69,34.69,0,0,0-8.27-28.07c-1.1-1.25-3.59-4.58-5.29-3.92-.8.31-1.95,2.57-2.88,4.47l-31.23-16.62.59-1.09c2.25-4.27.52-5.38-4-6.51a24.79,24.79,0,0,0-12.08.23c-6.32,1.62-12,5.12-17.5,8.57l-2.28-7.86a2.44,2.44,0,0,0-4.13-1.77c-3.87,1.92-7.9,4-10.44,7.47s-3.23,7.82-3.89,12-1.11,8.84,1.68,11.92c3,3.31,8.21,3,12.65,2.43,6.95-.89,14.1-1.86,20.38-4.81L891,549.48l.42.23-32.91,53.5L880.68,615l32.1-53.93.68.36L886,617.84l22.6,12,25.93-57.22.73.39,21.39-40.19.33.87,6.14,16c1.28,3.32,2.83,7,6.06,8.46a9.42,9.42,0,0,0,7.46-.17,27.93,27.93,0,0,0,6.43-4.15c3.34-2.62,6.76-5.33,8.86-9S994.52,536.2,991.95,532.82Z"
transform="translate(-32.41 -42.89)"
fill="#eee"
/>
<path
id="72e3527e-e5db-4568-97e7-f484fad3f9bc"
data-name="<Path>"
d="M904.38,465.48a4.32,4.32,0,0,0-4.91-.61,8.55,8.55,0,0,0-3.56,3.8,5,5,0,0,1-1.91,2.4,3.08,3.08,0,0,1-2.57-.14,17.27,17.27,0,0,1-2.23-1.43,5.64,5.64,0,0,0-4.51-1.1c-1.54.43-2.67,2.34-1.84,3.71a3.78,3.78,0,0,0-2.54,4.95,2.85,2.85,0,0,0-.86,5.05,2.4,2.4,0,0,0-2.55,2.82,4.56,4.56,0,0,0,1.56,2.11q2.15,1.94,4.36,3.81a9.72,9.72,0,0,0,4.4,2.52c4.46.76,5.53-4.79,6.81-7.77q2.87-6.69,6.34-13.11C900.72,471.84,904.55,465.66,904.38,465.48Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
<path
id="b806b0b3-4dfd-4bac-8fe7-15848061fff1"
data-name="<Path>"
d="M997.29,514.94a4.32,4.32,0,0,1,3.25,3.73,8.55,8.55,0,0,1-1.17,5.08,5,5,0,0,0-.92,2.92,3.08,3.08,0,0,0,1.55,2,17.27,17.27,0,0,0,2.43,1.05,5.64,5.64,0,0,1,3.43,3.13c.5,1.52-.45,3.52-2,3.6a3.78,3.78,0,0,1-2.69,4.87,2.85,2.85,0,0,1-3.71,3.54,2.4,2.4,0,0,1-.92,3.69,4.56,4.56,0,0,1-2.62-.12q-2.81-.7-5.6-1.49a9.72,9.72,0,0,1-4.55-2.24c-3.12-3.27.89-7.27,2.64-10q3.95-6.12,7.34-12.58C994.06,521.52,997,514.89,997.29,514.94Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
<path
d="M987.38,481.25,983,478.89c2.51-11-2-22.08-11.62-27.2s-21.32-2.69-29,5.55l-4.32-2.3-5.31,10,3.69,2c-4,11.31,1.1,22.92,11.7,28.56s23.06,3.37,30.22-6.24l3.8,2Z"
transform="translate(-32.41 -42.89)"
fill="url(#d0ce0e06-e5c2-44aa-bb47-05706c8ef26f)"
/>
<path
d="M985.81,481.22,981.6,479c2.19-10.08-1.75-21.27-10.88-26.13S950.11,451,943,458.42l-4.1-2.18L934,465.32l3.51,1.87C934,477.52,939,488.27,949,493.63s21.76,3.48,28.34-5.25l3.61,1.92Z"
transform="translate(-32.41 -42.89)"
fill="#eee"
/>
<circle
id="d09b032d-f59e-4094-835e-1185c353b985"
data-name="<Path>"
cx={958.95}
cy={474.7}
r={18.48}
transform="translate(56.91 1055.23) rotate(-61.97)"
fill="#535461"
/>
<g id="930da26e-2b9d-497b-a9f8-4867c333fccf" data-name="<Group>">
<path
d="M881.78,616.33c-2.9,5.45-8,1.55-14.86-2.11s-12.95-5.7-10-11.15,11.71-8.55,18.59-4.89S884.68,610.89,881.78,616.33Z"
transform="translate(-32.41 -42.89)"
fill="url(#a4a35fa4-778a-4359-8c4d-261def49668d)"
/>
</g>
<g id="7439a555-f455-4d6e-80e5-d8324011691c" data-name="<Group>">
<path
d="M909.58,631.13c-2.9,5.45-8,1.55-14.86-2.11s-12.95-5.7-10-11.15,11.71-8.55,18.59-4.89S912.48,625.68,909.58,631.13Z"
transform="translate(-32.41 -42.89)"
fill="url(#4bbacd58-6e16-4c21-836d-548c96a127a7)"
/>
</g>
<path
id="f58d5d8c-bdc7-4a7b-8d94-9019addd01f0"
data-name="<Path>"
d="M881,615.55c-2.65,5-7.36,1.39-13.73-2s-12-5.29-9.33-10.27,10.78-7.8,17.15-4.41S883.67,610.56,881,615.55Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
<path
id="8d12e46c-b87e-4826-92a2-86cb9c658536"
data-name="<Path>"
d="M908.61,631.13c-2.65,5-7.36,1.39-13.73-2s-12-5.29-9.33-10.27,10.78-7.8,17.15-4.41S911.26,626.15,908.61,631.13Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
<g id="e2d201e7-e0a6-4ab0-9cc6-f410be4613d6" data-name="<Rectangle>">
<rect
x={910.68}
y={509.09}
width={40.82}
height={37.9}
rx={6.38}
ry={6.38}
transform="translate(-4.95 1058.93) rotate(-61.97)"
fill="url(#eb70dcce-e6f3-4a8b-b07f-dae47734eaed)"
/>
</g>
<rect
id="125b74a4-9939-48a3-b844-5eca3da90ec3"
data-name="<Rectangle>"
x={912.93}
y={508.86}
width={36.17}
height={38.29}
rx={6.38}
ry={6.38}
transform="translate(324.88 -418.44) rotate(28.03)"
fill="#535461"
/>
<rect
id="b5c7490a-0616-40d3-b8db-e5d72bbe41f3"
data-name="<Rectangle>"
x={920.23}
y={511.76}
width={6.63}
height={17.67}
transform="translate(320.52 -415.8) rotate(28.03)"
opacity={0.2}
/>
<rect
id="14260621-e028-434f-a39d-38039d4741f6"
data-name="<Rectangle>"
x={932.52}
y={525.39}
width={8.72}
height={5.97}
transform="translate(325.74 -421.16) rotate(28.03)"
opacity={0.2}
/>
<rect
id="481ec607-14b4-484c-9769-eb1e4aed6d47"
data-name="<Rectangle>"
x={943.17}
y={519.22}
width={4.82}
height={4.29}
transform="translate(323.47 -426.06) rotate(28.03)"
opacity={0.2}
/>
<circle
id="5278424b-7bd8-4d10-a3b8-6fcbdbf45b93"
data-name="<Path>"
cx={935.79}
cy={540.45}
r={5.25}
transform="translate(-13.41 1069.65) rotate(-61.97)"
opacity={0.2}
/>
<path
id="ab51a840-1ab9-4714-a06f-d1bf772b53d4"
data-name="<Path>"
d="M967.77,463.08a18.45,18.45,0,0,1,9.57,13.42,18.48,18.48,0,1,0-36.64,1.08,18.48,18.48,0,0,1,27.07-14.5Z"
transform="translate(-32.41 -42.89)"
opacity={0.2}
/>
<rect
x={984.33}
y={470.56}
width={0.92}
height={11.98}
transform="translate(259.03 -412.61) rotate(24.85)"
fill="#fff"
/>
<circle
cx={987.31}
cy={471.12}
r={1.84}
transform="translate(112.5 1126.15) rotate(-65.15)"
fill="#fff"
/>
<path
d="M922.83,479.81l1.12,28.34,4.54-.8s.93-16.07.17-26.79A11.28,11.28,0,0,0,922.83,479.81Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
<path
d="M975,509l-24.49,14.3-1.77-4.25s13.23-9.59,22.67-14.72C973.75,505.74,975,509,975,509Z"
transform="translate(-32.41 -42.89)"
fill="#535461"
/>
</svg>
);
UndrawOuterSpace.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawOuterSpace.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawOuterSpace;