react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
448 lines (443 loc) • 19.8 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawDestination = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="92fd531a-de0d-4fc4-9ccb-4f74b44f7927"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 835.19 791.24"
>
<defs>
<linearGradient
id="6d38001a-4aac-47a2-a7bf-00b29f25191b"
x1={380.08}
y1={743.36}
x2={664.61}
y2={71.48}
gradientTransform="translate(-13.63 -2.04) rotate(-0.14)"
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>
<clipPath
id="dff4a731-ddbd-463a-bab1-e47ea4b41905"
transform="translate(-182.4 -29.66)"
>
<path
id="658f6015-f49b-4898-b3a1-9745b643ce6d"
data-name="<Clipping Path>"
d="M596.93,103.62A28.38,28.38,0,0,1,569,127.83l-120.93.29a28.38,28.38,0,0,1-28-24.07L356,104.2a13.3,13.3,0,0,0-13.27,13.33l1.39,573.67a13.3,13.3,0,0,0,13.33,13.27l306-.74a13.3,13.3,0,0,0,13.27-13.33l-1.39-573.67A13.3,13.3,0,0,0,662,103.46Z"
fill={props.primaryColor}
opacity={0.3}
/>
</clipPath>
<linearGradient
id="f6786674-25ad-4de5-ac4c-74f3b6b46a70"
x1={561.94}
y1={387.88}
x2={561.94}
y2={214.05}
gradientTransform="translate(47.68 -77.98) rotate(7.89)"
xlinkHref="#6d38001a-4aac-47a2-a7bf-00b29f25191b"
/>
<linearGradient
id="3bd35621-a6bd-4d33-8131-751e7022071e"
x1={792.73}
y1={820.9}
x2={792.73}
y2={462.68}
gradientTransform="matrix(1, 0, 0, 1, 0, 0)"
xlinkHref="#6d38001a-4aac-47a2-a7bf-00b29f25191b"
/>
<linearGradient
id="9f67d66a-3f8d-41cd-9032-5a1c2451b0d5"
x1={440.92}
y1={751.86}
x2={440.92}
y2={313.54}
gradientTransform="matrix(1, 0, 0, 1, 0, 0)"
xlinkHref="#6d38001a-4aac-47a2-a7bf-00b29f25191b"
/>
</defs>
<title>destanation1</title>
<g opacity={0.5}>
<path
d="M675.17,79.1l-332.5.81A13.66,13.66,0,0,0,329,93.6l1.51,621.89a13.66,13.66,0,0,0,13.7,13.63l332.5-.81a13.66,13.66,0,0,0,13.63-13.69L688.87,92.73A13.66,13.66,0,0,0,675.17,79.1Z"
transform="translate(-182.4 -29.66)"
fill="url(#6d38001a-4aac-47a2-a7bf-00b29f25191b)"
/>
</g>
<rect
x={334.65}
y={87.99}
width={350.11}
height={631.95}
rx={13.64}
ry={13.64}
transform="translate(-183.38 -28.42) rotate(-0.14)"
fill="#fff"
/>
<path
id="b661f4be-ea43-4e2b-9ed1-ed84301e71eb"
data-name="<Clipping Path>"
d="M596.93,103.62A28.38,28.38,0,0,1,569,127.83l-120.93.29a28.38,28.38,0,0,1-28-24.07L356,104.2a13.3,13.3,0,0,0-13.27,13.33l1.39,573.67a13.3,13.3,0,0,0,13.33,13.27l306-.74a13.3,13.3,0,0,0,13.27-13.33l-1.39-573.67A13.3,13.3,0,0,0,662,103.46Z"
transform="translate(-182.4 -29.66)"
fill={props.primaryColor}
opacity={0.3}
/>
<g clipPath="url(#dff4a731-ddbd-463a-bab1-e47ea4b41905)">
<polyline
points="69.95 113 546.09 502.95 552.35 183.81 14.61 164.76 99.53 246.19 638.1 287.58 77.13 428.95 585.13 593.85 583.23 656.33 59.03 625.17 74.91 782.74 305.09 762.2 428.54 0.32"
fill="none"
stroke="#fff"
strokeMiterlimit={10}
strokeWidth={4}
/>
</g>
<rect
x={466.82}
y={111.42}
width={78.02}
height={4.88}
rx={2}
ry={2}
transform="translate(-184.06 -22.04) rotate(-0.86)"
fill="#dbdbdb"
/>
<circle
cx={561.41}
cy={112.53}
r={2.93}
transform="translate(-184.03 -21.21) rotate(-0.86)"
fill="#dbdbdb"
/>
<path
d="M627,280.21c-4.64,33.48-73.52,103.51-73.52,103.51S501.4,296.92,506,263.44a61.05,61.05,0,1,1,121,16.76Z"
transform="translate(-182.4 -29.66)"
fill="url(#f6786674-25ad-4de5-ac4c-74f3b6b46a70)"
/>
<path
d="M623,281.26c-4.35,31.41-69,97.09-69,97.09s-48.85-81.4-44.49-112.81A57.27,57.27,0,1,1,623,281.26Z"
transform="translate(-182.4 -29.66)"
fill={props.primaryColor}
/>
<ellipse
cx={566.92}
cy={268.85}
rx={28.71}
ry={28.63}
transform="translate(40.38 763.84) rotate(-82.11)"
fill="#fff"
/>
<g opacity={0.5}>
<path
d="M810.81,477c18.19,30,22.79,53.3,22.79,53.3,5.4-96.26-23.89-62-26.73-60.32l-.06-.11-9.8,5.66a22.52,22.52,0,0,0-15.75-6.63,21.89,21.89,0,0,0-11.79,3.49c-7,.16-12.54,3.72-12.54,8.1a5.28,5.28,0,0,0,.44,2.06,25.37,25.37,0,0,0,15.11,42.11L775.06,543,771,546.2a22.57,22.57,0,0,0-8.71,16.36c-.38,6.8,2.42,14.58,15.13,18.56,0,0-.22,2.35-.64,6.06l-21.61,43.22s-8.64,19.81.63,20.39c13.33-2.32,11-7.53,12.75-12.17l1-3.45h5.09c-4.14,22.63-17.64,100.41-16.3,146.22v13.25l-.86,6.56-24.88,7.46a6.26,6.26,0,0,0,2,12.25l35.17-1.17a6.26,6.26,0,0,0,6-6.25V795.68h6.36v-14.3l6.36-76.29.83-2,.76,9.9,28.61,63.58,6.36,11.13,2.77-1.49L827,796.69,815.4,806.75a6.26,6.26,0,0,0-1.6,7.3h0a6.26,6.26,0,0,0,8.47,3l31.57-15.53a6.26,6.26,0,0,0,2.94-8.19L854,787.21a6.23,6.23,0,0,0-4.36-3.52l-6-6,2.07-1.11L841,765.48l-28.61-66.75-1.17-37.57c5.73-3.63,13.89-11.47,12.05-26h1.84s-4.05-23.55-6.15-49.27l-.2-2.49v-3.86s-.21-1.21-.59-3.17c-2.25-25.39-5.72-45.55-24.7-47.83l-.14.11v-7.82c7.35-4.79,12.31-13.8,12.31-24.16A30.61,30.61,0,0,0,801.92,482l8.86-5.11Z"
transform="translate(-182.4 -29.66)"
fill="url(#3bd35621-a6bd-4d33-8131-751e7022071e)"
/>
</g>
<ellipse cx={599.53} cy={471.41} rx={23.6} ry={26.97} fill="#ffcc80" />
<polygon
points="594.24 758.28 594.24 772.15 575.74 772.15 577.28 760.34 594.24 758.28"
fill="#fda57d"
/>
<path
d="M827.5,777.15,826,795.65h1a29.72,29.72,0,0,0,19.74-7.51l5.43-4.82-13.87-13.87Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<polygon
points="606.57 661.19 608.11 681.23 635.85 742.87 657.42 732.08 629.68 667.36 628.14 618.04 603.48 618.04 606.57 661.19"
fill="#4d8af0"
/>
<polygon
points="606.57 661.19 608.11 681.23 635.85 742.87 657.42 732.08 629.68 667.36 628.14 618.04 603.48 618.04 606.57 661.19"
opacity={0.05}
/>
<path
d="M782.8,578.34l-26.2,52.4s-8.38,19.21.61,19.77c12.92-2.25,10.67-7.3,12.36-11.8L785.89,583Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<circle cx={594.67} cy={474.16} r={24.66} fill="#fda57d" />
<polygon
points="611.19 510.16 593.91 519.17 589.61 488.58 611.19 488.58 611.19 510.16"
fill="#fda57d"
/>
<path
d="M776.64,629.2s-18.49,95.55-17,148H782.8l6.16-74,17-40.07S829,655.4,821.33,629.2Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<rect x={577.28} y={745.34} width={23.12} height={16.02} fill="#4d8af0" />
<rect
x={577.28}
y={745.34}
width={23.12}
height={16.02}
fill="#fff"
opacity={0.05}
/>
<polygon
points="635.22 741.44 641.64 753.75 662.05 743 656.6 730.34 635.22 741.44"
fill="#4d8af0"
/>
<path
d="M760.37,795.9l-25.65,7.69a6.07,6.07,0,0,0-4.32,5.81h0a6.07,6.07,0,0,0,6.27,6.06l34.1-1.14a6.07,6.07,0,0,0,5.87-6.06v-6.56a6.07,6.07,0,0,0-6.07-6.07h-8.45A6.07,6.07,0,0,0,760.37,795.9Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<path
d="M793.73,532,772,549.11A21.88,21.88,0,0,0,763.51,565c-.37,6.59,2.35,14.14,14.68,18,0,0-4.62,49.32-12.33,52.4h58.56s-3.93-22.84-6-47.78C816.09,558.77,814.38,534.45,793.73,532Z"
transform="translate(-182.4 -29.66)"
fill="#47e6b1"
/>
<path
d="M793.59,562.93l13.87,24.66-1.54,55.48s-7.71,12.33-1.54,13.87,15.41-3.08,13.87-12.33V581.42s-4.62-26.2-9.25-32.36Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<path
d="M835.25,784.2,815,801.76a6.07,6.07,0,0,0-1.55,7.08h0a6.07,6.07,0,0,0,8.21,2.95l30.61-15.06a6.07,6.07,0,0,0,2.85-7.94l-2.7-6a6.07,6.07,0,0,0-8-3l-7.71,3.48A6.07,6.07,0,0,0,835.25,784.2Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<polygon
points="623.6 455.34 618.02 458.11 614.08 451.29 619.6 448.34 623.6 455.34"
fill="#ffcc80"
/>
<path
d="M802,478s37-39,29.31,55.66c0,0-8.9-25.63-25.31-48.66Z"
transform="translate(-182.4 -29.66)"
fill="#ffcc80"
/>
<ellipse cx={601.78} cy={471.41} rx={21.35} ry={23.6} fill="#ffcc80" />
<ellipse cx={588.57} cy={455.68} rx={12.64} ry={7.87} fill="#ffcc80" />
<g opacity={0.5}>
<path
d="M549.46,376A10.83,10.83,0,0,0,541,382.1c-3.47,7.19-10.35,19.79-16.67,21.77-4.11,1.28-10.1.2-15.38-1.34l-2.15-.66h0v-2.73S475.91,382,458.27,378V365.44a22.85,22.85,0,0,0,5.25-34c4.73-1.74,7.85-4.75,7.85-8.18,0-5.39-7.74-9.76-17.28-9.76-8.3,0-15.23,3.3-16.9,7.71a23.42,23.42,0,0,0-6.8,43.39v12.5c-9.48-.09-36.65,3.89-48.51,50.42,0,0,1.68,1.44,4.28,3.46h0l-.35.91-31.53,81.22s-25.09,6.69-12.27,19c0,0,0-.19-.06-.51l6.3,14.5,1.12,2.4h0l7.43,15.86h0l-.74,3.61h0l-9.52,46.72H333.43v7.41H345L318.6,751.86h8.34L352.38,622.1h31.48l16.93,36.15h-8v8.34h12L415.65,690c-1.32,1.33-1.46,3.37,3,6.32l3.46,7.38h-9.86v5.56h12.47l20,42.64h16.68l-20.17-42.64h9v-2.81c9.15,1.33,16.7,1.33,18.09-.06,2.79-2.79,2.23-14.5-1.67-20.07a7.16,7.16,0,0,0-1.5-1.61c.46-11.7,2.12-35,8.19-49.12,8.36-19.51-4.46-41.26-4.46-41.26l-.4-8.09V583c4.6-.88,7.65-1.53,7.65-1.53s-8.36-27.32,0-41.26c5.81-9.68,6.23-23.93,2.78-36.6h0l0-.09q-.26-.94-.54-1.86l0-.1h0a41.48,41.48,0,0,0,5.07-5.4s-11.71-54.64,0-71.93l23.42,1.67v-3.07h20.91l18.4-25.65s12.82-3.35,16.73-14.5C565.38,375.33,556.1,375.25,549.46,376ZM393.87,472.45s7.61-13.39,11.36-27.13h0v-.05q.28-1,.53-2.08v0h0c.6.22,1.18.42,1.75.57,0,0,5.58,50.18-3.35,52.41,0,0,1.79,1.16,4.88,2.84h0l-3.28,1.31h0l-18.88,7.55,1.21,4h0c-.68.13-1.44.28-2.25.45h0c-5.39,1.15-13.38,3.39-19.78,7.4h0S373.24,495.31,393.87,472.45ZM358.93,526a17.21,17.21,0,0,0-1.62,2.66l-2-5.29c.75.09,1.52.21,2.35.36C357.63,523.74,358.18,524.67,358.93,526Zm2.18,51.6.57-2.89h0l12.94,27.62a67.12,67.12,0,0,1-16.14,1.34,11.66,11.66,0,0,0-2.86,1.92l5.49-28Zm-7.27,37.07,1-5.29c1,1.34,3.43,2.75,8.56,4.07a59.62,59.62,0,0,0,6.27,1.22H353.84ZM421,666.59h9.74v-8.34H417.06L400,622.1h7.62v-7.41h-9.08c6.07-.79,10.48-2,11.28-3.26,2.07-3.22-.71-14-5.44-18.83-3.14-13.27-10.61-42-17.44-46.27l9.78-1.82h0l.1,0,1.26-.23,3.36,11a177.18,177.18,0,0,0,23.42-3.14v.12A184.09,184.09,0,0,1,405.23,555l.07.24a174.74,174.74,0,0,0,19.43-2.38c-1.41,12.47-2.62,33.93,5.66,34.72a36.75,36.75,0,0,0,4.56.09h0v2.81l.18,0c.6,7.6,2.22,17.74,6.41,26.12l5.38,72.66a67.28,67.28,0,0,1-14.89.66l-11-23.31Z"
transform="translate(-182.4 -29.66)"
fill="url(#9f67d66a-3f8d-41cd-9032-5a1c2451b0d5)"
/>
</g>
<path
d="M393.6,511.94s-46.3,5.38-32.3,33.38a318,318,0,0,1,21.27,56.8l24.5-5.11s-9.69-45.76-18.31-51.15l23.15-4.31Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<path
d="M388.76,545.86l23.15-4.31L393.6,511.94s-.54.06-1.49.21l18.18,29.4-23.15,4.31c8.61,5.38,18.31,51.15,18.31,51.15l-23,4.79.08.32,24.5-5.11S397.37,551.24,388.76,545.86Z"
transform="translate(-182.4 -29.66)"
opacity={0.05}
/>
<path
d="M397.28,591.82s-14.31,10.26-36,9.44c0,0-11.53,5.25,4.79,9.43s42.68,1.23,44.74-2-.86-14.14-5.68-18.6S397.28,591.82,397.28,591.82Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<path
d="M435.06,577.62s-1.08,21,6.46,36.07l5.38,72.68h17.23s0-35.53,8.08-54.38-4.31-39.84-4.31-39.84l-1.08-21.54Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<path
d="M426.44,543.7s-7,40.92,4.31,42,44.15-5.92,44.15-5.92-8.08-26.38,0-39.84,5.38-36.07-3.77-50.07-19.38,0-19.38,0Z"
transform="translate(-182.4 -29.66)"
fill="#47e6b1"
/>
<circle cx={263.42} cy={322.92} r={22.07} fill="#fda57d" />
<rect x={248.35} y={334.22} width={26.92} height={24.23} fill="#fda57d" />
<path
d="M457.67,681s-16.15,7-37.15,1.62c0,0-12.38,2.69,2.69,10.23s41.46,10.23,44.15,7.54,2.15-14-1.62-19.38S457.67,681,457.67,681Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<path
d="M389,432l-31.77,81.84s-24.23,6.46-11.84,18.31c0,0-2.15-11.31,15.07-8.08,0,0,4.85,8.08,4.85,10.77s5.54-9,3.31-14.72a131.31,131.31,0,0,1,26.84-45.58s13.46-23.69,12.92-39.84Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<path
d="M495.63,402.91s17.23,8.08,25.84,5.38c6.1-1.91,12.74-14.08,16.1-21a10.46,10.46,0,0,1,8.16-5.85c6.41-.77,15.38-.69,12.89,6.41-3.77,10.77-16.15,14-16.15,14L524.7,426.6H493.47Z"
transform="translate(-182.4 -29.66)"
fill="#fda57d"
/>
<circle cx={259.39} cy={321.03} r={22.61} fill="#3d213c" />
<ellipse cx={271.23} cy={300.84} rx={16.69} ry={9.42} fill="#3d213c" />
<polygon
points="252.75 556.12 252.75 558.84 285.11 554.69 285.11 551.6 252.75 556.12"
opacity={0.05}
/>
<path
d="M423.75,494.71l-35,14,14,45.76s42-2.15,57.61-18.31-25.84-48.46-25.84-48.46Z"
transform="translate(-182.4 -29.66)"
fill="#47e6b1"
/>
<path
d="M464.41,527a12.15,12.15,0,0,1-3.51,9.18c-13,13.47-44.4,17.21-54.45,18.07l.07.23s42-2.15,57.61-18.31a12.09,12.09,0,0,0,3.52-8.7"
transform="translate(-182.4 -29.66)"
opacity={0.05}
/>
<path
d="M434,382.72s-36.07-6.46-50.07,48.46c0,0,15.07,12.92,24.77,15.61,0,0,5.38,48.46-3.23,50.61,0,0,50.61,32.84,76.45,0,0,0-11.31-52.76,0-69.45l22.61,1.62V403.72s-33.92-18.84-50.07-21Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
/>
<polygon
points="207.52 482.87 205.34 483.3 215.8 514.44 217.11 514.2 207.52 482.87"
opacity={0.05}
/>
<polygon
points="322.11 376.7 324.24 377.36 324.94 396.94 322.11 396.94 322.11 376.7"
opacity={0.05}
/>
<polygon
points="205.64 404.87 204.92 406.71 224.05 418.67 224.59 416.58 205.64 404.87"
opacity={0.05}
/>
<path
d="M410.16,500.15,407,501.41s53.09,25.72,70.59,3.18l-.58-2S460.91,524.16,410.16,500.15Z"
transform="translate(-182.4 -29.66)"
opacity={0.05}
/>
<rect x={154.72} y={582.21} width={71.6} height={7.16} fill="#b0bec5" />
<polygon
points="160.09 495.39 169.04 515.98 184.26 515.98 175.31 492.71 160.09 495.39"
fill="#b0bec5"
/>
<polygon
points="262.12 714.67 278.23 714.67 182.94 512.97 168.43 514.09 262.12 714.67"
fill="#b0bec5"
/>
<polygon
points="140.4 714.67 148.46 714.67 184.26 532.09 178.89 525.82 140.4 714.67"
fill="#b0bec5"
/>
<polygon
points="170.13 518.29 169.04 515.98 184.26 515.98 184.8 517.13 170.13 518.29"
fill="#eceff1"
/>
<polygon
points="170.13 518.29 169.04 515.98 184.26 515.98 184.8 517.13 170.13 518.29"
opacity={0.1}
/>
<polygon
points="177.3 533.61 181.99 543.63 181.45 546.41 176.59 537.09 177.3 533.61"
opacity={0.1}
/>
<polygon
points="174.43 582.21 173.03 589.37 175.46 589.37 176.59 582.21 174.43 582.21"
opacity={0.1}
/>
<rect x={212} y={624.27} width={36.69} height={8.05} fill="#b0bec5" />
<rect x={230.8} y={668.13} width={36.69} height={5.37} fill="#b0bec5" />
<polygon
points="235.48 624.27 239.29 632.33 241.31 632.33 238.39 624.27 235.48 624.27"
opacity={0.1}
/>
<polygon
points="256.22 668.13 258.76 673.5 261 673.5 258.61 668.13 256.22 668.13"
opacity={0.1}
/>
<polygon
points="215.58 582.21 218.97 589.37 220.8 589.37 217.22 582.21 215.58 582.21"
opacity={0.1}
/>
<g opacity={0.5}>
<rect x={99.19} y={130.76} width={3} height={17} fill="#47e6b1" />
<rect
x={281.6}
y={160.42}
width={3}
height={17}
transform="translate(269.61 -143.84) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={123.19} y={237.34} width={3} height={17} fill="#47e6b1" />
<rect
x={305.6}
y={267}
width={3}
height={17}
transform="translate(400.19 -61.26) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={583.19} y={98.76} width={3} height={17} fill="#47e6b1" />
<rect
x={765.6}
y={128.42}
width={3}
height={17}
transform="translate(721.61 -659.84) rotate(90)"
fill="#47e6b1"
/>
</g>
<g opacity={0.5}>
<rect x={825.19} y={161.34} width={3} height={17} fill="#47e6b1" />
<rect
x={1007.6}
y={191}
width={3}
height={17}
transform="translate(1026.19 -839.26) rotate(90)"
fill="#47e6b1"
/>
</g>
<path
d="M194.69,259.31a3.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,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,194.69,259.31Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M950.69,450.31a3.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,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,950.69,450.31Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M897.69,145.31a3.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,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,897.69,145.31Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
opacity={0.5}
/>
<path
d="M921.69,319.31a3.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,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,921.69,319.31Z"
transform="translate(-182.4 -29.66)"
fill="#4d8af0"
opacity={0.5}
/>
<circle cx={72.19} cy={420.34} r={6} fill="#f55f44" opacity={0.5} />
<circle cx={584.19} cy={222.34} r={6} fill="#4d8af0" opacity={0.5} />
<circle cx={633.19} cy={374.34} r={6} fill="#47e6b1" opacity={0.5} />
<circle cx={13.19} cy={58.34} r={6} fill="#f55f44" opacity={0.5} />
</svg>
);
UndrawDestination.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawDestination.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawDestination;