react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
597 lines (592 loc) • 25.6 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawInThePool = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="93ced441-7809-42e2-bb1c-93afa859a13f"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1081 814.87"
>
<defs>
<linearGradient
id="88253d48-1998-4d8f-a8ac-7bacc444cfcf"
x1={520.59}
y1={754}
x2={520.59}
y2={202.22}
gradientTransform="translate(114.43 -103.8) rotate(12.01)"
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>
</defs>
<title>in the pool</title>
<path
d="M253.2,65S-4.61,52,80.54,370C129.2,551.76,98.69,665.88,63.6,730.32c-14.47,26.57,11.34,56.31,45.68,52.78C224,771.31,427.69,768,673,841c294.72,87.68,420.82-198.53,463.33-335.34,12.51-40.25-3.87-83-41.82-109.47C984.64,319.48,762.56,155.38,772.37,89,785.38,1,253.2,65,253.2,65Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M643.93,199.25A262.33,262.33,0,0,0,555.5,184c-145.25,0-263,117.75-263,263a262.18,262.18,0,0,0,77.43,186.36c13-4.32,35.61-9.8,57.09-5.28,0,0,90.54-43.11,140.55,52.6l19.83,27.39A261.18,261.18,0,0,0,627,700.15C737.5,669,818.5,567.47,818.5,447,818.5,332.78,745.68,235.56,643.93,199.25Zm-88,333.12c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S604.27,532.37,555.93,532.37Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
/>
<path
d="M740.69,498.72C725.87,450.78,766,394.47,740.91,351c-3.84-6.63-9.06-12.51-11.89-19.63-4.85-12.2-2-26.21-5.7-38.8-9.86-33.68-58.52-40.64-73.76-72.25a42.2,42.2,0,0,1-3.91-21.09A262.33,262.33,0,0,0,557.22,184c-145.25,0-263,117.75-263,263a262,262,0,0,0,66.69,175q5.2,5.83,10.74,11.35c13-4.32,35.61-9.8,57.09-5.28,0,0,87.66-41.74,138.11,48.1q1.24,2.2,2.44,4.5l19.83,27.39a261.18,261.18,0,0,0,39.61-7.92c21-25.44,28.74-62,55.42-81.65,10.12-7.46,22.31-11.85,32.09-19.76,13.82-11.18,21.44-28.12,28.56-44.41,2.76-6.31,5.56-12.79,6-19.66C751.54,522.15,744.39,510.71,740.69,498.72Zm-183,33.66c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S606,532.37,557.66,532.37Z"
transform="translate(-59.5 -42.57)"
opacity={0.1}
/>
<path
d="M739,498.72c-14.81-47.94,25.36-104.25.22-147.69-3.84-6.63-9.06-12.51-11.89-19.63-4.85-12.2-2-26.21-5.7-38.8-9.86-33.68-58.52-40.64-73.76-72.25a42.2,42.2,0,0,1-3.91-21.09A262.33,262.33,0,0,0,555.5,184c-145.25,0-263,117.75-263,263a262,262,0,0,0,66.69,175q5.2,5.83,10.74,11.35c13-4.32,35.61-9.8,57.09-5.28,0,0,87.66-41.74,138.11,48.1q1.24,2.2,2.44,4.5l19.83,27.39A261.18,261.18,0,0,0,627,700.15c21-25.44,28.74-62,55.42-81.65,10.12-7.46,22.31-11.85,32.09-19.76,13.82-11.18,21.44-28.12,28.56-44.41,2.76-6.31,5.56-12.79,6-19.66C749.82,522.15,742.66,510.71,739,498.72Zm-183,33.66c-48.34,0-87.52-37.83-87.52-84.5s39.19-84.5,87.52-84.5,87.52,37.83,87.52,84.5S604.27,532.37,555.93,532.37Z"
transform="translate(-59.5 -42.57)"
fill="#636e7e"
/>
<rect
x={345.96}
y={354.74}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-162.06 88.18) rotate(-18.45)"
opacity={0.1}
/>
<rect
x={389.94}
y={569.45}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(986.25 257.04) rotate(99.08)"
opacity={0.1}
/>
<rect
x={389.94}
y={434.94}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(356.25 -188.31) rotate(42.53)"
opacity={0.1}
/>
<rect
x={417.53}
y={498.75}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-203.97 118.24) rotate(-18.45)"
opacity={0.1}
/>
<rect
x={345.1}
y={354.74}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-162.11 87.91) rotate(-18.45)"
fill={props.primaryColor}
/>
<rect
x={438.23}
y={327.15}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(296.09 -249.31) rotate(42.53)"
opacity={0.1}
/>
<rect
x={567.57}
y={275.41}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(77.38 -219.49) rotate(19.9)"
opacity={0.1}
/>
<rect
x={646.04}
y={278.86}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-94.18 46.39) rotate(-7.61)"
opacity={0.1}
/>
<rect
x={493.41}
y={266.79}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-6.2 619.59) rotate(-70.1)"
opacity={0.1}
/>
<rect
x={692.6}
y={352.16}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(110.97 -257.46) rotate(19.9)"
opacity={0.1}
/>
<rect
x={548.6}
y={207.29}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(419.68 -405.36) rotate(60)"
opacity={0.1}
/>
<rect
x={437.37}
y={327.15}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(295.86 -248.73) rotate(42.53)"
fill={props.primaryColor}
/>
<rect
x={566.71}
y={275.41}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(77.33 -219.2) rotate(19.9)"
fill={props.primaryColor}
/>
<rect
x={645.18}
y={278.86}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-94.19 46.27) rotate(-7.61)"
fill={props.primaryColor}
/>
<rect
x={492.55}
y={266.79}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-6.77 618.78) rotate(-70.1)"
fill={props.primaryColor}
/>
<rect
x={691.74}
y={352.16}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(110.91 -257.17) rotate(19.9)"
fill={props.primaryColor}
/>
<rect
x={687.43}
y={459.94}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(764.59 -392.29) rotate(63.87)"
opacity={0.1}
/>
<rect
x={621.03}
y={591.01}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(1275.1 53.79) rotate(99.08)"
opacity={0.1}
/>
<rect
x={657.25}
y={528.06}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-257.47 588.21) rotate(-45)"
opacity={0.1}
/>
<rect
x={686.57}
y={459.94}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(764.1 -391.52) rotate(63.87)"
fill={props.primaryColor}
/>
<rect
x={620.17}
y={591.01}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(1274.1 54.65) rotate(99.08)"
fill={props.primaryColor}
/>
<rect
x={389.08}
y={569.45}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="matrix(-0.16, 0.99, -0.99, -0.16, 985.25, 257.89)"
fill={props.primaryColor}
/>
<rect
x={389.08}
y={434.94}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(356.02 -187.73) rotate(42.53)"
fill={props.primaryColor}
/>
<rect
x={464.1}
y={537.55}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(61.66 -124.44) rotate(11.44)"
opacity={0.1}
/>
<rect
x={463.23}
y={537.55}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(61.65 -124.27) rotate(11.44)"
fill={props.primaryColor}
/>
<rect
x={656.39}
y={528.06}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-257.73 587.6) rotate(-45)"
fill={props.primaryColor}
/>
<rect
x={551.19}
y={562.56}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(519.84 -263.5) rotate(45)"
opacity={0.1}
/>
<rect
x={550.33}
y={562.56}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(519.59 -262.89) rotate(45)"
fill={props.primaryColor}
/>
<rect
x={547.74}
y={207.29}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(419.25 -404.61) rotate(60)"
fill={props.primaryColor}
/>
<rect
x={416.67}
y={498.75}
width={10.35}
height={52.6}
rx={5.17}
ry={5.17}
transform="translate(-204.01 117.97) rotate(-18.45)"
fill={props.primaryColor}
/>
<path
d="M565.13,676.19C514.68,586.35,427,628.09,427,628.09c-21.48-4.52-44.07,1-57.09,5.28q-5.54-5.51-10.74-11.35c15.91-5.26,47.56-14,67-7.73C426.16,614.29,533.37,574.25,565.13,676.19Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
/>
<path
d="M426.16,616s104.4-39,137.67,57.93c.43.75.87,1.48,1.3,2.24-31.76-101.94-139-61.9-139-61.9-19.4-6.26-51.06,2.47-67,7.73.4.45.82.88,1.22,1.33C376.67,618.06,407.23,609.91,426.16,616Z"
transform="translate(-59.5 -42.57)"
opacity={0.1}
/>
<path
d="M255.35,618.32c-31-52.1-49.32-107.44-54.48-164.47-4.13-45.62.1-92.41,12.59-139.08,21.25-79.42,59.65-131.7,60-132.22l4,3c-.38.51-38.28,52.17-59.27,130.72-19.33,72.37-27.84,183.08,41.41,299.52Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M311.35,629.32c-31-52.1-49.32-107.44-54.48-164.47-4.13-45.62.1-92.41,12.59-139.08,21.25-79.42,59.65-131.7,60-132.22l4,3c-.38.51-38.28,52.17-59.27,130.72-19.33,72.37-27.84,183.08,41.41,299.52Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M823.77,724.91c39.74-45.77,67.6-97,82.81-152.19,12.17-44.16,16.3-91,12.3-139.1-6.82-81.93-35.32-140.2-35.61-140.78l-4.48,2.22c.28.57,28.42,58.13,35.12,139.16,6.18,74.65-5.1,185.11-93.92,287.41Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M766.71,725.8c39.74-45.77,67.6-97,82.81-152.19,12.17-44.16,16.3-91,12.3-139.1-6.82-81.93-35.32-140.2-35.61-140.78l-4.48,2.22c.28.57,28.42,58.13,35.12,139.16,6.18,74.65-5.1,185.11-93.92,287.41Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M410.3,733.48a148,148,0,0,0,55.49,35.69,151.54,151.54,0,0,0,52.48,8.54c31.3-.31,54.22-9.51,54.45-9.6l-.72-1.76c-.23.09-22.87,9.17-53.82,9.46-28.52.27-70.15-7.09-106.53-43.67Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M452.48,740.89a68.74,68.74,0,0,0,25.77,16.57,70.37,70.37,0,0,0,24.37,4A76.13,76.13,0,0,0,527.9,757l-.33-.82a75.23,75.23,0,0,1-25,4.39,67.49,67.49,0,0,1-49.47-20.28Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M529.94,746.07a68.74,68.74,0,0,0,16.3-25.94,70.37,70.37,0,0,0,3.71-24.41,76.13,76.13,0,0,0-4.72-25.24l-.82.34a75.23,75.23,0,0,1,4.66,24.95,67.49,67.49,0,0,1-19.76,49.68Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M485.78,647.66a68.74,68.74,0,0,0-18.14,24.69,70.37,70.37,0,0,0-5.47,24.08,76.13,76.13,0,0,0,2.88,25.51l.84-.28a75.23,75.23,0,0,1-2.83-25.22,67.49,67.49,0,0,1,23.31-48.11Z"
transform="translate(-59.5 -42.57)"
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={134}
cy={163.47}
rx={23}
ry={63}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={690}
cy={153.47}
rx={23}
ry={38}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={1006.5}
cy={437.43}
rx={23}
ry={38}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={178.5}
cy={661.47}
rx={103.5}
ry={63}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M633.49,414.93C645,402.72,646,385.66,646,385.66l3.06-27c2-13.39-.32-32-.32-32s7.63-48.42-24.15-45.7c0,0-2.13.38-5.25.76-1.09.13-2.3.26-3.59.37-2.45.22-5.16.37-7.8.34a6.4,6.4,0,0,0,.34-1.3c.76-2.65-.2-6-.33-9a15.29,15.29,0,0,1,.3-3.67c1.44-5.89,5.73-11.21,7.68-17.14a22.65,22.65,0,0,0,.77-3.07,24.84,24.84,0,0,0-5.31-21.12c-2-2.3-4.34-4.26-6.15-6.67-3.31-4.4-4.66-10.2-8.94-13.72-5.12-4.23-9.85-2.21-15.29-.68-2.94.83-4.36-.46-7.11-1.73a46.61,46.61,0,0,0-10.17-3.35c-2.52-.52-5.27-.8-7.53.35-3.93,2-4.68,7.2-7.88,10.17s-7.93,3.16-11.42,5.56a12,12,0,0,0-3.31,3.51l-27.18,4.15-32,7.86s-13,6.72,3.93,27.59c10.58,13,21.89,25.86,28.9,33.67-1.44,1.8-3,3.54-4.54,5.23-1.42,1.53-2.9,3.12-3.48,5.1a6.78,6.78,0,0,0-.17.81h0c-1.56,5.38,4,10.4,4.48,16a9.51,9.51,0,0,1-.12,2.37c-.83,3.25-3.15,6.19-5.45,8.79s-4.72,5.15-6.18,8.26a13.36,13.36,0,0,0-1,3.16,9.77,9.77,0,0,0,.81,7.58c1.47,2.42,4.1,3.91,6.61,5.3,1.64.9,3.4,1.84,5.28,1.75,1.59-.07,3.08-.88,4.67-.87,4.69,0,6.74,6.39,11.22,7.81a5.88,5.88,0,0,0,7.32-4.56c0-.13.07-.26.1-.39l10.2,5.3a5.61,5.61,0,0,0,3.26.91c1.77-.25,2.71-2.06,3-3.84a7.19,7.19,0,0,0,.25-1.53,14.15,14.15,0,0,0-.12-2.57l.4,0,.12.25.74-.07.12.25,1.6-.14c0,.19,0,.37,0,.56.59,9.14-.25,18.36-5.36,21.23-9.2,5.17-20.33,22.28-23.92,28.08l-.18-.25a3.4,3.4,0,0,1-.23.91c-.5.81-.78,1.29-.78,1.29l-.75,1.62c-3.6,5.79-11.49,15-11.49,15l.34.15-.52.68h0c-5.16,6.92-10.89,20.78-9.49,47.74l4.54,41.52,4.44,29.42s1.05,24.38-.5,27.51l-3.69,17.34s-6.8,23.58-3.14,39.89l.57,18.24,2.65,42-1.23,5.78-2.69,21S468,736.09,490,745.94s21.72-5.73,21.72-5.73l2.64-12.38L515.77,712a57.67,57.67,0,0,0-.19-12.26l-.88-7.16,2.52-12.6,0-.24h0c.36,3,6.93-3.05,11.89-8.13a29.77,29.77,0,0,0,7.46-13l5.9-21.44c6.72-10.65,2-17.7,2-17.7l6.83-27.89s11.59-25.15,5-36-2.48-13.47-2.48-13.47L587,507.73c22.09-22.36,26.13-37.35,26.08-45.43l.49.17a3.43,3.43,0,0,1-.41-1l.59.2a3.43,3.43,0,0,1-.41-1l.59.2c-2-3,.45-20.39.45-20.39h0l.13-.88C618.54,433.43,625.88,423,633.49,414.93Zm-86,63.85.12.39c-.3.82-.61,1.65-.93,2.46Zm68.08-72.32-1.14-1.22h0c-.79-3.78-2.21-14.56,4.76-23.55,3.61-4.66,5.43-12,6.33-18.9q.05-.4.1-.81l.33.09,0,0,.83.22c-.8,14.3-.49,27.86-.49,27.86ZM539,345.82a31.32,31.32,0,0,1-1.51-11.95c0-.44.08-.88.15-1.32a5.62,5.62,0,0,1,.49-1.29c.06-.11.14-.2.21-.3a26.9,26.9,0,0,0-.2,4.15,73.84,73.84,0,0,0,1.31,12C539.31,346.67,539.16,346.25,539,345.82ZM515,239.41a49.71,49.71,0,0,0,6.56-1.68,65.12,65.12,0,0,1,7.55-2.13c-1.53,6.93-3.82,13.81-9.17,18.41-3,2.59-7.11,4.68-7.88,8.53,0,.13,0,.26-.06.38s-.09.29-.12.44a7.11,7.11,0,0,0-.07,2.25A149,149,0,0,1,496.14,252S507.13,241,515,239.41Zm9.09,405.92L528.6,623l0-5.34c.51,3.32.82,5.52.82,5.52S526.9,633.49,524.14,645.33Z"
transform="translate(-59.5 -42.57)"
fill="url(#88253d48-1998-4d8f-a8ac-7bacc444cfcf)"
/>
<path
d="M611.62,408.69c4.13,12.92-2.52,44.18-2.52,44.18l-57.17-6.15-39.1-26.38,3.22-7.05s13.65-23.75,24.46-30.05c4.95-2.89,5.82-12.07,5.31-21.16a139.44,139.44,0,0,0-3.14-21.38,42.71,42.71,0,0,0-3.3-8.19c-8.07-15.54-24.3-27.78-24.3-27.78S497,284.54,480.76,263.89s-3.62-27.43-3.62-27.43l30.95-8,36.53-6-3.68,17.28c-3.52-3.14-12.87-.44-18.22,1.49a47.35,47.35,0,0,1-6.35,1.71c-7.66,1.65-18.35,12.61-18.35,12.61,21.93,22.15,30.83,22.19,52.51,32.91l2.18,1.09c.43.22.86.42,1.27.61,21.36,9.76,4.51-27.76,4.51-27.76l27.67,3.31s3,10.1,7.72,16.26c2.82,3.69,12.31,3.56,19.47,2.85,1.25-.12,2.42-.26,3.47-.4,3-.4,5.08-.79,5.08-.79,30.72-2.92,23,45.32,23,45.32l-15.84,3.43-2.19.47-3.8,13.81a113.45,113.45,0,0,1-.82,18.34c-.92,6.9-2.72,14.2-6.24,18.86C607.66,394.95,611.62,408.69,611.62,408.69Z"
transform="translate(-59.5 -42.57)"
fill="#ffb9b9"
/>
<circle
cx={567.28}
cy={257.36}
r={29.44}
transform="translate(137.98 716.08) rotate(-77.99)"
opacity={0.1}
/>
<circle
cx={567.63}
cy={255.71}
r={29.44}
transform="translate(139.87 715.12) rotate(-77.99)"
fill="#ffb9b9"
/>
<path
d="M488.84,747.19c-21.16-9.66,5-27.32,5-27.32l2.73-20.92,1.23-5.76-2.29-41.77L495,633.27c-3.43-16.21,3.29-39.72,3.29-39.72L502,576.28c1.52-3.12.67-27.38.67-27.38l-4.09-29.25-4.11-41.29c-2.06-46.88,16.67-54.07,16.67-54.07l14.53,12.55,24.17,27.68.73.83L540,502.67l-11.94,31.86L527,624.59l-11.37,56.73-2.52,12.55.8,7.12a59.08,59.08,0,0,1,.11,12.2L512.49,729l-2.63,12.34S510,756.86,488.84,747.19Z"
transform="translate(-59.5 -42.57)"
fill="#ffb9b9"
/>
<path
d="M515.61,681.32c-.91.39-1.5.28-1.6-.58-.53-4.84,12.14-56.32,12.14-56.32s-4.22-32.72-7.63-36.88-3.68-23.14-3.68-23.14l-2.2-22A31.65,31.65,0,0,1,524,517.32a124.7,124.7,0,0,0,22.66-42.48l3.15-10.33.73.83L540,502.67l-11.94,31.86L527,624.59Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M551.88,543.89s-4,2.59,2.31,13.39-5.06,35.9-5.06,35.9L542.36,621s4.53,7-2,17.63L534.49,660a30.35,30.35,0,0,1-7.29,12.94c-4.82,5.08-11.22,11.17-11.54,8.16-.53-4.84,12.14-56.32,12.14-56.32s-4.22-32.72-7.63-36.88-3.68-23.14-3.68-23.14l-2.2-22a31.65,31.65,0,0,1,11.36-25.1,124.7,124.7,0,0,0,22.66-42.48L554.46,455l16.86-2.43,8.39,1,25.68,3.07,2.83.33s10.19,16.79-24.07,52.5Z"
transform="translate(-59.5 -42.57)"
fill="#ffb9b9"
/>
<path
d="M516.68,412.74s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C503.76,431.6,516.44,416.3,516.68,412.74Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M517,411.09s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C504.11,430,516.79,414.65,517,411.09Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M516.85,411.92s24,35.47,94,31.23c0,0-2.51,17.31-.56,20.3,0,0-34.64-13.22-63.73,17.48,0,0-9.32-35.9-42.62-50.15C503.93,430.78,516.61,415.48,516.85,411.92Z"
transform="translate(-59.5 -42.57)"
fill="#fff"
/>
<path
d="M578,405.64a2.12,2.12,0,0,1,2-2.55c1,0,2.18.14,2.43,1.12a2.59,2.59,0,0,1-.76,2.21,2.12,2.12,0,0,1-3.68-.71Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M585.26,324.43s-.93,23.87,3.5,26.47,3.45-8.4,3.45-8.4S589.85,326.24,585.26,324.43Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M577.66,325.79s7.72,16.26-.61,23.09.82.18.82.18l4.11.88s4.15-15.46-3.5-24"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M563.45,205.25c-2.43-.5-5.08-.76-7.28.39-3.81,2-4.57,7.2-7.68,10.17s-7.68,3.19-11.07,5.61c-4.37,3.12-5.69,8.92-6.7,14.2-1.59,8.23-3.58,17.05-9.84,22.62-2.92,2.6-6.9,4.71-7.67,8.54-.6,2.94,1,5.83,1.74,8.73,1.34,5,.28,10.46-2,15.15s-5.63,8.74-9.11,12.6a13.73,13.73,0,0,0-3.39,5.1c-1.54,5.37,3.83,10.32,4.22,15.89.32,4.52-2.67,8.54-5.63,12-2.24,2.59-4.59,5.16-6,8.26s-1.82,6.91-.09,9.87c1.4,2.4,3.94,3.87,6.36,5.23,1.58.89,3.27,1.81,5.09,1.71,1.54-.08,3-.89,4.52-.9,4.53,0,6.47,6.32,10.79,7.7a5.74,5.74,0,0,0,7.14-5l9.87,5.24a5.25,5.25,0,0,0,3.15.89c1.94-.3,2.87-2.58,3-4.54.3-5.28-2.58-10.14-4.16-15.19a31.91,31.91,0,0,1-1.38-11.88,8.46,8.46,0,0,1,.81-3.43c1.31-2.42,4.3-3.27,6.48-4.95,3-2.34,4.36-6.26,4.83-10s.23-7.64.84-11.41a4,4,0,0,1,.64-1.82,4.63,4.63,0,0,1,2.35-1.31c6.44-2.15,12.93-7.36,12.59-14.13-.22-4.42-3.3-8.15-6.6-11.11s-7-5.59-9.31-9.37c-3.28-5.44-3-12.45-.72-18.39s6.25-11,10.21-16a9.72,9.72,0,0,1,3.58-3.21,8,8,0,0,1,4.1-.31c10.52,1.38,19.19,11.41,19,22-.06,3.72-1.05,7.59.25,11.08.72,1.95,2.13,3.66,2.38,5.72.28,2.33-1,4.63-.73,7,.3,2.62,2.43,4.6,4.43,6.32a18.73,18.73,0,0,0,5.7,3.81c2.16.77,4.82.63,6.47-1,2.83-2.72,1.28-7.37,1.13-11.3-.3-7.75,5.62-14.21,8-21.59a25,25,0,0,0-4.4-23.22c-1.88-2.28-4.17-4.21-5.9-6.6-3.17-4.36-4.44-10.12-8.55-13.6-4.92-4.17-9.5-2.13-14.77-.57-2.85.84-4.21-.43-6.86-1.67A43.59,43.59,0,0,0,563.45,205.25Z"
transform="translate(-59.5 -42.57)"
opacity={0.1}
/>
<path
d="M551,321.83l-4.81,2.42,4.35-35.82,2.18,1.09c.43.22.86.42,1.27.61Z"
transform="translate(-59.5 -42.57)"
fill="#fff"
/>
<path
d="M563.62,204.43c-2.43-.5-5.08-.76-7.28.39-3.81,2-4.57,7.2-7.68,10.17s-7.68,3.19-11.07,5.61c-4.37,3.12-5.69,8.92-6.7,14.2-1.59,8.23-3.58,17.05-9.84,22.62-2.92,2.6-6.9,4.71-7.67,8.54-.6,2.94,1,5.83,1.74,8.73,1.34,5,.28,10.46-2,15.15s-5.63,8.74-9.11,12.6a13.73,13.73,0,0,0-3.39,5.1c-1.54,5.37,3.83,10.32,4.22,15.89.32,4.52-2.67,8.54-5.63,12-2.24,2.59-4.59,5.16-6,8.26s-1.82,6.91-.09,9.87c1.4,2.4,3.94,3.87,6.36,5.23,1.58.89,3.27,1.81,5.09,1.71,1.54-.08,3-.89,4.52-.9,4.53,0,6.47,6.32,10.79,7.7a5.74,5.74,0,0,0,7.14-5l9.87,5.24a5.25,5.25,0,0,0,3.15.89c1.94-.3,2.87-2.58,3-4.54.3-5.28-2.58-10.14-4.16-15.19a31.91,31.91,0,0,1-1.38-11.88,8.46,8.46,0,0,1,.81-3.43c1.31-2.42,4.3-3.27,6.48-4.95,3-2.34,4.36-6.26,4.83-10s.23-7.64.84-11.41a4,4,0,0,1,.64-1.82,4.63,4.63,0,0,1,2.35-1.31c6.44-2.15,12.93-7.36,12.59-14.13-.22-4.42-3.3-8.15-6.6-11.11s-7-5.59-9.31-9.37c-3.28-5.44-3-12.45-.72-18.39s6.25-11,10.21-16a9.72,9.72,0,0,1,3.58-3.21,8,8,0,0,1,4.1-.31c10.52,1.38,19.19,11.41,19,22-.06,3.72-1.05,7.59.25,11.08.72,1.95,2.13,3.66,2.38,5.72.28,2.33-1,4.63-.73,7,.3,2.62,2.43,4.6,4.43,6.32a18.73,18.73,0,0,0,5.7,3.81c2.16.77,4.82.63,6.47-1,2.83-2.72,1.28-7.37,1.13-11.3-.3-7.75,5.62-14.21,8-21.59a25,25,0,0,0-4.4-23.22c-1.88-2.28-4.17-4.21-5.9-6.6-3.17-4.36-4.44-10.12-8.55-13.6-4.92-4.17-9.5-2.13-14.77-.57-2.85.84-4.21-.43-6.86-1.67A43.59,43.59,0,0,0,563.62,204.43Z"
transform="translate(-59.5 -42.57)"
fill="#896363"
/>
<path
d="M640.26,387.27s-1,17-12.24,29.21-21.81,29.76-21.81,29.76l-5.72,22.86s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58a33.15,33.15,0,0,1,13.18-22.95l5.4-4.08L611.3,407.3l2.93,3.23,11.61-18.17Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M601.78,471.09s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58a32.77,32.77,0,0,1,9.24-19.47l25.68,3.07Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M641.4,321.29l3.54,7.63s2.08,18.5.1,31.84l-3.13,26.85s-1,17-12.24,29.21-21.81,29.76-21.81,29.76l-5.72,22.86s-3.43,24.21-22,18.54c-8.36-2.55-10-9.6-9.3-16.58A33.15,33.15,0,0,1,584,448.46l5.4-4.08,33.47-52.22s-.65-41.42,5-55.7l-3.19-9.28Z"
transform="translate(-59.5 -42.57)"
fill="#ffb9b9"
/>
<path
d="M622.29,365a46.92,46.92,0,0,0-11.09-1.49c-13.1-.21-24.5-7.4-24.5-7.4l-8.4-.93c-8,6.48-15.2,7.36-19.66,7a84.83,84.83,0,0,0-12.82-.1,139.44,139.44,0,0,0-3.14-21.38,42.71,42.71,0,0,0-3.3-8.19,26.08,26.08,0,0,1,10-15.32c22.27.44,31.3,30.74,31.3,30.74l6.58,1.4c8.07-25.8,31.26-33.77,31.26-33.77,7.31,3.27,9.74,11.58,10.56,16.79l-2.19.47-3.8,13.81A113.45,113.45,0,0,1,622.29,365Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M619.53,314.92s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74a26.16,26.16,0,0,0-10.66,21.81c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C630.49,336.17,630.53,319.84,619.53,314.92Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M617.89,314.57s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74A26.16,26.16,0,0,0,538.08,338c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C628.84,335.82,628.88,319.49,617.89,314.57Z"
transform="translate(-59.5 -42.57)"
opacity={0.05}
/>
<path
d="M618.71,314.74s-23.19,8-31.26,33.77l-6.58-1.4s-9-30.3-31.3-30.74a26.16,26.16,0,0,0-10.66,21.81c.31,14.69,4.5,23.32,4.5,23.32h0a80.87,80.87,0,0,1,15.4-.15c4.47.35,11.62-.52,19.66-7l8.4.93s11.4,7.19,24.5,7.4a47.39,47.39,0,0,1,12.16,1.77h0s9.32-19.16,6.14-28.44C629.67,336,629.7,319.66,618.71,314.74Z"
transform="translate(-59.5 -42.57)"
fill="#fff"
/>
<path
d="M621.95,319.73l-2.82,1.12-5.78-36.06c1.25-.12,2.42-.26,3.47-.4Z"
transform="translate(-59.5 -42.57)"
fill="#fff"
/>
<ellipse
cx={438.75}
cy={660.97}
rx={61.75}
ry={71.5}
fill={props.primaryColor}
opacity={0.1}
/>
</svg>
);
UndrawInThePool.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawInThePool.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawInThePool;