react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
680 lines (675 loc) • 23.3 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawConnectingTeams = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="e82c897f-43fe-4287-8ae1-200fadcfb6cc"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 818.94 750"
>
<defs>
<linearGradient
id="45454b23-aa8c-4829-a9e1-376846a8e39a"
x1={391.06}
y1={181.72}
x2={391.06}
y2={30.67}
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="87ffef23-919c-4dfe-8b10-07a74861776a"
x1={710.91}
y1={187.1}
x2={710.91}
y2={36.05}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
<linearGradient
id="359b3954-dccd-444a-b393-9367aa3a3df2"
x1={551}
y1={311.01}
x2={551}
y2={159.96}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
<linearGradient
id="582a1088-938c-4a0f-8b56-a0129ae06be8"
x1={66.72}
y1={439.07}
x2={66.72}
y2={305.63}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
<linearGradient
id="94cd4822-8206-4eba-9126-3d531279d2b1"
x1={77.31}
y1={432.72}
x2={77.31}
y2={299.28}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
<linearGradient
id="2edad69d-5f72-4c45-895e-01008dba3de0"
x1={509.01}
y1={292.43}
x2={509.01}
y2={202.06}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
<linearGradient
id="e8ff2c8b-c79c-4dec-93d5-fd779b0ba085"
x1={371.86}
y1={825}
x2={371.86}
y2={147.87}
xlinkHref="#45454b23-aa8c-4829-a9e1-376846a8e39a"
/>
</defs>
<title>connecting teams3</title>
<g opacity={0.5}>
<circle
cx={391.06}
cy={106.19}
r={75.53}
fill="url(#45454b23-aa8c-4829-a9e1-376846a8e39a)"
/>
</g>
<circle cx={391.21} cy={105.71} r={73.93} fill="#f5f5f5" />
<path
d="M622.41,188c0,24.59-17.67,36.7-40.61,36.7s-42.47-12.1-42.47-36.7,18.6-44.53,41.54-44.53S622.41,163.4,622.41,188Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<path
d="M581.8,254.93a73.59,73.59,0,0,0,40.64-12.16C619.71,227.88,609.35,227,609.35,227H552.18s-9.78.8-12.84,14.5A73.59,73.59,0,0,0,581.8,254.93Z"
transform="translate(-190.53 -75)"
fill={props.primaryColor}
/>
<path
d="M379,133.87h22.87a0,0,0,0,1,0,0V152.8A10.8,10.8,0,0,1,391,163.6h-1.28A10.8,10.8,0,0,1,379,152.8V133.87A0,0,0,0,1,379,133.87Z"
opacity={0.1}
/>
<path
d="M381,133h18.75a2.06,2.06,0,0,1,2.06,2.06V152a10.8,10.8,0,0,1-10.8,10.8h-1.28A10.8,10.8,0,0,1,379,152V135.09A2.06,2.06,0,0,1,381,133Z"
fill="#fda57d"
/>
<path
d="M569.55,217.51a32.91,32.91,0,0,0,22.87.06v-2.81H569.55Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={390.49} cy={111.26} r={32.77} fill="#fda57d" />
<path
d="M543.25,188.41s20.41-2.47,35.87-22.27c0,0,20.41,22.47,34.63,20,0,0,8.25-8.66,0-17.32s-14.64-19.58-25.56-18.14-24.33,2.06-30.1,7.22S543.25,188.41,543.25,188.41Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M543.25,188s20.41-2.47,35.87-22.27c0,0,20.41,22.47,34.63,20,0,0,8.25-8.66,0-17.32s-14.64-19.58-25.56-18.14-24.33,2.06-30.1,7.22S543.25,188,543.25,188Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<ellipse cx={357.7} cy={111.23} rx={3.05} ry={5.72} fill="#fda57d" />
<ellipse cx={423.26} cy={111.23} rx={3.05} ry={5.72} fill="#fda57d" />
<g opacity={0.5}>
<circle
cx={710.91}
cy={111.58}
r={75.53}
fill="url(#87ffef23-919c-4dfe-8b10-07a74861776a)"
/>
</g>
<circle cx={711.06} cy={111.1} r={73.93} fill="#f5f5f5" />
<path
d="M901.65,260.32a73.59,73.59,0,0,0,40.64-12.16c-2.72-14.89-13.09-15.74-13.09-15.74H872s-9.78.8-12.84,14.5A73.59,73.59,0,0,0,901.65,260.32Z"
transform="translate(-190.53 -75)"
fill={props.primaryColor}
/>
<circle cx={710.34} cy={109.54} r={35.69} fill="#72351c" />
<path
d="M698.83,139.26h22.87a0,0,0,0,1,0,0v18.93A10.8,10.8,0,0,1,710.9,169h-1.28a10.8,10.8,0,0,1-10.8-10.8V139.26A0,0,0,0,1,698.83,139.26Z"
opacity={0.1}
/>
<path
d="M700.89,138.41h18.75a2.06,2.06,0,0,1,2.06,2.06v16.87a10.8,10.8,0,0,1-10.8,10.8h-1.28a10.8,10.8,0,0,1-10.8-10.8V140.47a2.06,2.06,0,0,1,2.06-2.06Z"
fill="#fda57d"
/>
<path
d="M889.4,222.9a32.91,32.91,0,0,0,22.87.06v-2.81H889.4Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={710.34} cy={116.65} r={32.77} fill="#fda57d" />
<path
d="M877.53,161.84s13.81,28,52.78,11.75l-9.07-14.22-16.08-5.77Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M877.53,161.43s13.81,28,52.78,11.75L921.24,159l-16.08-5.77Z"
transform="translate(-190.53 -75)"
fill="#72351c"
/>
<path
d="M877.41,159.53a18.93,18.93,0,0,1,4.69-7.63c6.45-6.37,17-7.72,22.44-15a4.24,4.24,0,0,1-1.94,6c5.19,0,11.21-.49,14.15-4.76a9.71,9.71,0,0,1-1.64,10.26c4.6.21,9.52,3.33,9.81,7.93.2,3.06-1.72,6-4.24,7.72a23.57,23.57,0,0,1-8.56,3.22C903.36,169.2,871.7,177.29,877.41,159.53Z"
transform="translate(-190.53 -75)"
fill="#72351c"
/>
<path
d="M933.65,191.94h-.87l-16.9,15c-16.29-7.63-28.24,0-28.24,0L869.9,192.56l-1.79.22a32.77,32.77,0,0,0,65.53-.84Zm-32.82,20.82c-6.38,0-11.54-1.29-11.54-2.89s5.17-2.89,11.54-2.89,11.54,1.29,11.54,2.89S907.2,212.76,900.83,212.76Z"
transform="translate(-190.53 -75)"
fill="#72351c"
/>
<ellipse cx={677.56} cy={116.62} rx={3.05} ry={5.72} fill="#fda57d" />
<ellipse cx={743.11} cy={116.62} rx={3.05} ry={5.72} fill="#fda57d" />
<g opacity={0.5}>
<circle
cx={551}
cy={235.49}
r={75.53}
fill="url(#359b3954-dccd-444a-b393-9367aa3a3df2)"
/>
</g>
<circle cx={551} cy={235.08} r={73.93} fill="#f5f5f5" />
<path
d="M712.67,310.73s-8.38,41.3-13,39c0,0,44.12,38.11,83.08,0,0,0-6.86-29.1-16.77-39Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<path
d="M741.73,384.23a73.59,73.59,0,0,0,40.64-12.16c-2.72-14.89-13.09-15.74-13.09-15.74H712.12s-9.78.8-12.84,14.5A73.59,73.59,0,0,0,741.73,384.23Z"
transform="translate(-190.53 -75)"
fill={props.primaryColor}
/>
<circle cx={550.43} cy={233.45} r={32.77} fill="#333" />
<path
d="M538.91,263.17h22.87a0,0,0,0,1,0,0V282.1A10.8,10.8,0,0,1,551,292.9H549.7a10.8,10.8,0,0,1-10.8-10.8V263.17A0,0,0,0,1,538.91,263.17Z"
opacity={0.1}
/>
<path
d="M541,262.32h18.75a2.06,2.06,0,0,1,2.06,2.06v16.87A10.8,10.8,0,0,1,551,292H549.7a10.8,10.8,0,0,1-10.8-10.8V264.38a2.06,2.06,0,0,1,2.06-2.06Z"
fill="#be7c5e"
/>
<path
d="M729.48,346.8a32.91,32.91,0,0,0,22.87.06v-2.81H729.48Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={550.43} cy={240.56} r={32.77} fill="#be7c5e" />
<path
d="M709.62,303.11h62.5s-5.34-25.24-29-23.63S709.62,303.11,709.62,303.11Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<ellipse cx={518.33} cy={239.16} rx={3.05} ry={5.72} fill="#be7c5e" />
<ellipse cx={582.35} cy={239.16} rx={3.05} ry={5.72} fill="#be7c5e" />
<path
d="M709.62,304h62.5s-5.34-25.24-29-23.63S709.62,304,709.62,304Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M741.53,241.65a68.84,68.84,0,1,1-68.84,68.84,68.84,68.84,0,0,1,68.84-68.84m0-17a85.84,85.84,0,1,0,85.84,85.84,85.94,85.94,0,0,0-85.84-85.84Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<rect x={538.29} y={129.58} width={20.12} height={21.18} fill="#ccc" />
<rect
x={777.4}
y={217.36}
width={21.18}
height={20.12}
transform="translate(-3.32 710.74) rotate(-59)"
fill="#ccc"
/>
<rect
x={812.71}
y={251.72}
width={21.18}
height={20.12}
transform="translate(-214.22 356.97) rotate(-29)"
fill="#ccc"
/>
<rect
x={813.71}
y={347.81}
width={20.12}
height={21.18}
transform="translate(-107.23 792.07) rotate(-58)"
fill="#ccc"
/>
<rect
x={649.69}
y={251.2}
width={20.12}
height={21.18}
transform="translate(-79.6 636.9) rotate(-61)"
fill="#ccc"
/>
<rect
x={648.7}
y={348.34}
width={21.18}
height={20.12}
transform="translate(-280.27 328.83) rotate(-32)"
fill="#ccc"
/>
<rect
x={685}
y={216.83}
width={20.12}
height={21.18}
transform="translate(-208.39 315.47) rotate(-31)"
fill="#ccc"
/>
<rect x={538.29} y={320.21} width={20.12} height={21.18} fill="#ccc" />
<rect
x={777.93}
y={382.96}
width={20.12}
height={21.18}
transform="translate(-280.67 387.06) rotate(-31)"
fill="#ccc"
/>
<rect
x={684.47}
y={383.49}
width={21.18}
height={20.12}
transform="matrix(0.52, -0.86, 0.86, 0.52, -190.79, 711.64)"
fill="#ccc"
/>
<rect x={442.97} y={227.02} width={24.36} height={18} fill="#ccc" />
<rect
x={825.19}
y={302.02}
width={24.36}
height={18}
transform="translate(1484.21 547.03) rotate(-180)"
fill="#ccc"
/>
<path
d="M901.44,117.74a68.84,68.84,0,1,1-68.84,68.84,68.84,68.84,0,0,1,68.84-68.84m0-17a85.84,85.84,0,1,0,85.84,85.84,85.94,85.94,0,0,0-85.84-85.84Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<rect x={698.2} y={5.67} width={20.12} height={21.18} fill="#ccc" />
<rect
x={937.32}
y={93.45}
width={21.18}
height={20.12}
transform="translate(180.44 787.72) rotate(-59)"
fill="#ccc"
/>
<rect
x={972.63}
y={127.82}
width={21.18}
height={20.12}
transform="translate(-134.1 418.96) rotate(-29)"
fill="#ccc"
/>
<rect
x={973.62}
y={223.9}
width={20.12}
height={21.18}
transform="translate(73.02 869.44) rotate(-58)"
fill="#ccc"
/>
<rect
x={809.61}
y={127.29}
width={20.12}
height={21.18}
transform="translate(111.17 712.93) rotate(-61)"
fill="#ccc"
/>
<rect
x={808.61}
y={224.43}
width={21.18}
height={20.12}
transform="translate(-190.31 394.74) rotate(-32)"
fill="#ccc"
/>
<rect
x={844.92}
y={92.92}
width={20.12}
height={21.18}
transform="translate(-121.73 380.13) rotate(-31)"
fill="#ccc"
/>
<rect x={698.2} y={196.3} width={20.12} height={21.18} fill="#ccc" />
<rect
x={937.85}
y={259.05}
width={20.12}
height={21.18}
transform="translate(-194.01 451.73) rotate(-31)"
fill="#ccc"
/>
<rect
x={844.39}
y={259.58}
width={21.18}
height={20.12}
transform="matrix(0.52, -0.86, 0.86, 0.52, -7.03, 788.62)"
fill="#ccc"
/>
<rect x={602.89} y={103.11} width={24.36} height={18} fill="#ccc" />
<rect
x={985.11}
y={178.11}
width={24.36}
height={18}
transform="translate(1804.05 299.22) rotate(-180)"
fill="#ccc"
/>
<path
d="M581.57,112.44q1.21,0,2.43,0a68.84,68.84,0,0,1-2.35,137.64q-1.21,0-2.43,0a68.84,68.84,0,0,1,2.35-137.64m0-17h0a85.84,85.84,0,0,0-2.93,171.63c1,0,2,.05,3,.05A85.84,85.84,0,0,0,584.59,95.5c-1,0-2-.05-3-.05Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<rect
x={571.68}
y={75.87}
width={21.18}
height={20.12}
transform="translate(285.66 589.87) rotate(-88.01)"
fill="#ccc"
/>
<rect
x={620.34}
y={89.82}
width={21.18}
height={20.12}
transform="translate(13.1 499.71) rotate(-57.01)"
fill="#ccc"
/>
<rect
x={654.43}
y={125.39}
width={21.18}
height={20.12}
transform="translate(-179.5 241.81) rotate(-27.01)"
fill="#ccc"
/>
<rect
x={652.08}
y={221.43}
width={20.12}
height={21.18}
transform="translate(-90.92 576.33) rotate(-56.01)"
fill="#ccc"
/>
<rect
x={491.51}
y={119.18}
width={20.12}
height={21.18}
transform="translate(-58.45 417.94) rotate(-59.01)"
fill="#ccc"
/>
<rect
x={487.16}
y={216.25}
width={21.18}
height={20.12}
transform="matrix(0.87, -0.5, 0.5, 0.87, -236.99, 204.31)"
fill="#ccc"
/>
<rect
x={527.99}
y={86.07}
width={20.12}
height={21.18}
transform="translate(-169.89 198.08) rotate(-29.01)"
fill="#ccc"
/>
<rect
x={565.07}
y={266.39}
width={21.18}
height={20.12}
transform="translate(88.87 767.17) rotate(-88.01)"
fill="#ccc"
/>
<rect
x={615.11}
y={255.32}
width={20.12}
height={21.18}
transform="translate(-241.05 261.57) rotate(-29.01)"
fill="#ccc"
/>
<rect
x={521.7}
y={252.62}
width={21.18}
height={20.12}
transform="translate(-168.39 491.13) rotate(-57.01)"
fill="#ccc"
/>
<rect
x={473.62}
y={169.48}
width={24.36}
height={18}
transform="translate(-184.05 -91.75) rotate(1.99)"
fill="#ccc"
/>
<rect
x={665.2}
y={176.14}
width={24.36}
height={18}
transform="translate(1157.39 318.66) rotate(-178.01)"
fill="#ccc"
/>
<g opacity={0.5}>
<circle
cx={66.72}
cy={372.35}
r={66.72}
fill="url(#582a1088-938c-4a0f-8b56-a0129ae06be8)"
/>
</g>
<circle cx={66.85} cy={371.93} r={65.31} fill="#e6e6e6" />
<path
d="M257.43,512.5a65,65,0,0,0,35.9-10.74c-2.41-13.15-11.57-13.9-11.57-13.9h-50.5s-8.64.71-11.34,12.81A65,65,0,0,0,257.43,512.5Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<circle cx={66.22} cy={370.55} r={31.53} fill="#ccc" />
<path
d="M56,396.81h20.2a0,0,0,0,1,0,0v16.72a9.54,9.54,0,0,1-9.54,9.54H65.58A9.54,9.54,0,0,1,56,413.53V396.81a0,0,0,0,1,0,0Z"
opacity={0.1}
/>
<path
d="M56.65,396.06h19a.6.6,0,0,1,.6.6v16.12a9.54,9.54,0,0,1-9.54,9.54H65.58A9.54,9.54,0,0,1,56,412.78V396.66a.6.6,0,0,1,.6-.6Z"
fill="#ccc"
/>
<path
d="M246.61,479.43a29.07,29.07,0,0,0,20.2.06V477h-20.2Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={66.22} cy={376.83} r={28.95} fill="#ccc" />
<path
d="M236.13,425.5s12.2,24.77,46.62,10.38l-8-12.57-14.21-5.1Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M236.13,425.13s12.2,24.77,46.62,10.38l-8-12.57-14.21-5.1Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<path
d="M236,423.46a16.73,16.73,0,0,1,4.15-6.74c5.7-5.63,15-6.82,19.82-13.24a3.75,3.75,0,0,1-1.72,5.29c4.58,0,9.91-.43,12.5-4.21a8.58,8.58,0,0,1-1.45,9.06c4.07.18,8.41,2.94,8.67,7,.18,2.71-1.52,5.27-3.75,6.82a20.82,20.82,0,0,1-7.56,2.85C258.95,432,231,439.14,236,423.46Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<ellipse cx={37.25} cy={376.81} rx={2.69} ry={5.05} fill="#ccc" />
<ellipse cx={95.17} cy={376.81} rx={2.69} ry={5.05} fill="#ccc" />
<g opacity={0.5}>
<circle
cx={77.31}
cy={366}
r={66.72}
fill="url(#94cd4822-8206-4eba-9126-3d531279d2b1)"
/>
</g>
<circle cx={77.44} cy={365.57} r={65.31} fill="#f5f5f5" />
<path
d="M268,506.14a65,65,0,0,0,35.9-10.74c-2.41-13.15-11.57-13.9-11.57-13.9h-50.5s-8.64.71-11.34,12.81A65,65,0,0,0,268,506.14Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<circle cx={76.81} cy={364.19} r={31.53} fill="#ccc" />
<path
d="M66.63,390.45h20.2a0,0,0,0,1,0,0v16.72a9.54,9.54,0,0,1-9.54,9.54H76.17a9.54,9.54,0,0,1-9.54-9.54V390.45A0,0,0,0,1,66.63,390.45Z"
opacity={0.1}
/>
<path
d="M67.24,389.7h19a.6.6,0,0,1,.6.6v16.12A9.54,9.54,0,0,1,77.3,416H76.17a9.54,9.54,0,0,1-9.54-9.54V390.31A.6.6,0,0,1,67.24,389.7Z"
fill="#ccc"
/>
<path
d="M257.2,473.08a29.07,29.07,0,0,0,20.2.06v-2.48H257.2Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={76.81} cy={370.48} r={28.95} fill="#ccc" />
<path
d="M246.72,419.14s12.2,24.77,46.62,10.38l-8-12.57-14.21-5.1Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M246.72,418.78s12.2,24.77,46.62,10.38l-8-12.57-14.21-5.1Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<path
d="M246.61,417.11a16.73,16.73,0,0,1,4.15-6.74c5.7-5.63,15-6.82,19.82-13.24a3.75,3.75,0,0,1-1.72,5.29c4.58,0,9.91-.43,12.5-4.21a8.58,8.58,0,0,1-1.45,9.06c4.07.18,8.41,2.94,8.67,7,.18,2.71-1.52,5.27-3.75,6.82a20.82,20.82,0,0,1-7.56,2.85C269.54,425.65,241.56,432.79,246.61,417.11Z"
transform="translate(-190.53 -75)"
fill="#ccc"
/>
<ellipse cx={47.84} cy={370.45} rx={2.69} ry={5.05} fill="#ccc" />
<ellipse cx={105.76} cy={370.45} rx={2.69} ry={5.05} fill="#ccc" />
<path
d="M516,213.14v3.2l-9-.8v20l-23.55,34.51L482,269.2l-3.2,4,30.43,19.22v-7.21l-1.71-1c2.13-7.95,10.85-39.65,15.83-43.84,0,0,9-6.41,13.86-15.22S539.63,185.91,516,213.14Z"
transform="translate(-190.53 -75)"
fill="url(#2edad69d-5f72-4c45-895e-01008dba3de0)"
/>
<path
d="M468.35,288.68s-32.62-6.89-50.52-14.15a76.53,76.53,0,0,0-26.26-5.63L372,268.26l-9.75-5.85,3-7.87c.3-.13.6-.27.9-.44l.28-1.69a46.36,46.36,0,0,0,4.62-1.4,12.1,12.1,0,0,0,3.86,10.34,11.89,11.89,0,0,0,8.91,3.94h0a12,12,0,0,0,12-13l-1.4-17.66-.71.37-.09-1.18-.26.14a46.67,46.67,0,0,0,.79-52.65l.76-.7V161.16c-.26-.25-.53-.48-.8-.71v-.09c-16.14-15-38.32-13.82-54.36-10a29.47,29.47,0,0,0-22.52,25.61c-21.41,5.84-14.26,17.07-14.6,21.41-1.66,21.15,5.15,33.59,12.55,40.79a38.7,38.7,0,0,0,10.63,7.74l-4.69,9.37-1.37-.05L316,266.41h-.18l-46.45,31.46-32.09,35.4a10.38,10.38,0,0,0,8.47,17.32l32.83-2.48s23.22,45.44,16,90.88c-2.42,15.27-1.41,24.61,1,30.3a55.73,55.73,0,0,1-5,17.75c-8.81,18.42-8.81,37.64,2.4,60.06l3.2,116.12s4,54.46,0,65.67,1.6,64.87,1.6,64.87H297V823.4L357,825s14-6.64,16.51-11.66l30.16,9.27s33.18-5.72,13.77-13.62c-14.49-5.9-18.09-14.31-19-18.21l47.43-136.37s-8.81-116.12-40.84-156.17l-3.25-23.61h.45l6.81-137.88.56.08-.16.05c22.63,3.42,40.81,1.61,52.86-.82a82.35,82.35,0,0,0,15.31-4.29l.9-.36.11,0,.08,0a46.36,46.36,0,0,0,10.42-5.94l20-30.59-30.43-21Zm-125.73,469,15.22-106.51V596.75l27.23,56.86-29.3,123.22-1.54-.43-6.76,24.27a15.94,15.94,0,0,1-4.85-6.91Z"
transform="translate(-190.53 -75)"
fill="url(#e8ff2c8b-c79c-4dec-93d5-fd779b0ba085)"
/>
<path
d="M275.58,306s-45.19,10.63-37.21,75.75c0,0,16.35-5.78,22.06-6.44,5.42-.63,21.8,1.13,21.8,1.13L290,347Z"
transform="translate(-190.53 -75)"
fill="#535461"
/>
<path
d="M502,227.78V246.9l-22.77,33.36L502,295.07s10.12-39,15.57-43.59c0,0,8.57-6.12,13.24-14.53s2.34-37.47-20.25-11.47v3.06Z"
transform="translate(-190.53 -75)"
fill="#fda57d"
/>
<path
d="M320.73,273.37l9-18a3.34,3.34,0,0,1,2.82-1.84l34.24-1.75a3.34,3.34,0,0,1,3.29,4.54l-8.83,22.83a3.34,3.34,0,0,1-3.41,2.12l-34.42-3.06A3.34,3.34,0,0,1,320.73,273.37Z"
transform="translate(-190.53 -75)"
fill="#fda57d"
/>
<polygon
points="132.74 190.63 126.93 207.69 186.65 205.55 163.71 191.78 132.74 190.63"
fill="#edeef9"
/>
<polygon
points="284.53 207.84 287.59 204.02 313.58 219.31 313.58 226.19 284.53 207.84"
fill="#edeef9"
/>
<path
d="M299.39,452s4.37,17.41-4,35-8.41,35.94,2.29,57.35l3.06,110.88s3.82,52,0,62.7,1.53,61.94,1.53,61.94h42.82V745.47l14.53-101.7v-52l26,54.29L355.77,771.47l39,16.06,48.94-140.7s-8.41-110.88-39-149.11L399,456Z"
transform="translate(-190.53 -75)"
fill="#4d8af0"
/>
<path
d="M301.48,808.18V779.88h43.59s3.06,11.47,22.94,13.76-9.18,16.06-9.18,16.06Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<path
d="M348.55,790.56l7.59-27.26,42,11.69s-.13,11.87,18.41,19.41-13.15,13-13.15,13Z"
transform="translate(-190.53 -75)"
fill="#333"
/>
<path
d="M399,458.33l-99.58-4a55.71,55.71,0,0,1,.75,18.05c4.56,10.72,14.33,7.78,14.33,7.78l87.13-2.68Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M319.45,276.34l-44.35,30,8.79,48s22.18,43.39,15.29,86.78,15.29,36.71,15.29,36.71L402,475.16l6.5-131.65S461.29,351,485,332.66l19.12-29.2-29.06-20-9.94,14.18S434,291,416.88,284.1a73.07,73.07,0,0,0-25.07-5.37Z"
transform="translate(-190.53 -75)"
fill="#535461"
/>
<path
d="M320.21,488.16s-5.35,26.76,25.23,71.12"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M408.91,343.63s36.7-12.23,52.76-12.23,13.38,6.94,13.38,6.94S449.44,349.75,408.91,343.63Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M367.29,253.29,352.69,255c-.46.06-.88.64-1.13,1.54,3.21,5.79,7.23,9.25,11.59,9.25a9,9,0,0,0,4.43-1.23l1.12-6.76C369.07,255.57,368.33,253.16,367.29,253.29Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<circle cx={166.57} cy={144.69} r={44.6} fill="#fda57d" />
<path
d="M395,175.85v18.58l-2.25,2.06A7.71,7.71,0,0,0,395,209.3h0s-3.72,29.73-8.36,40.88l7.9-4.18,1.34,16.86a11.5,11.5,0,0,1-11.46,12.41h0a11.5,11.5,0,0,1-10.23-16.75c1.89-3.68,5.24-7.55,6.88-13,6-20-6-16.26-8.83-12.54s.46,13.47.46,13.47,8.83,16.26-37.63,12.54c0,0-30.66-6.5-27.41-47.85.33-4.14-6.5-14.87,13.94-20.44h0a28.13,28.13,0,0,1,21.5-24.45C358.44,162.66,379.62,161.51,395,175.85Z"
transform="translate(-190.53 -75)"
opacity={0.1}
/>
<path
d="M394.27,175.09v18.58L392,195.73a7.71,7.71,0,0,0,2.25,12.81h0s-3.72,29.73-8.36,40.88l7.9-4.18,1.34,16.86a11.5,11.5,0,0,1-11.46,12.41h0a11.5,11.5,0,0,1-10.23-16.75c1.89-3.68,5.24-7.55,6.88-13,6-20-6-16.26-8.83-12.54s.46,13.47.46,13.47,8.83,16.26-37.63,12.54c0,0-30.66-6.5-27.41-47.85.33-4.14-6.5-14.87,13.94-20.44h0a28.13,28.13,0,0,1,21.5-24.45C357.68,161.89,378.86,160.74,394.27,175.09Z"
transform="translate(-190.53 -75)"
fill="#72351c"
/>
</svg>
);
UndrawConnectingTeams.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawConnectingTeams.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawConnectingTeams;