react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
447 lines (442 loc) • 26.4 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawBeach = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="8fae4d9c-3ffe-41c7-ae12-9d10810cbeb6"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1077.99 858.58"
>
<defs>
<linearGradient
id="6f8749ca-511d-4759-8c67-c6ca09cd723c"
x1={303.23}
y1={380.44}
x2={303.23}
y2={379.07}
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="694b858e-b97c-4530-94e4-ee1451c74b1d"
x1={303.23}
y1={379.75}
x2={303.23}
y2={378.38}
xlinkHref="#6f8749ca-511d-4759-8c67-c6ca09cd723c"
/>
<linearGradient
id="af4071b7-43dd-4316-b43e-b9c2534923d0"
x1={347.52}
y1={736.02}
x2={347.52}
y2={366.17}
xlinkHref="#6f8749ca-511d-4759-8c67-c6ca09cd723c"
/>
<linearGradient
id="ff04ffe4-4750-4f5d-b6ca-57aefdc18bdd"
x1={355.14}
y1={565.29}
x2={355.14}
y2={531.2}
xlinkHref="#6f8749ca-511d-4759-8c67-c6ca09cd723c"
/>
<linearGradient
id="7361859e-fe61-4bdf-97de-9abd060aa8b0"
x1={266.1}
y1={444.08}
x2={266.1}
y2={444.08}
xlinkHref="#6f8749ca-511d-4759-8c67-c6ca09cd723c"
/>
</defs>
<title>beach</title>
<path
d="M1024.8,490.29c-39.2,65.34-33,153.7-16.87,223.23,5.4,23.28,11.64,47.85,6.51,74-6.27,32-28.11,57.35-50.09,71.94-40.07,26.6-85.48,26.39-118.23-.53-28.3-23.27-46.65-64.19-75.56-86.19C722.18,736,655,759.39,596.48,795c-41.41,25.19-87,57-124.82,39.76-26.6-12.16-42.87-47.16-50.22-85.36-3.55-18.45-5.59-38.61-14.05-52.6-5-8.32-12-13.84-19.27-18.34-66.19-41.14-156.77-5-220.52-51.75-43.06-31.54-67-97.43-74.32-168.11s.19-146.48,9.38-221.14C109.2,184.4,117.88,127.57,145,84.15c28.74-45.93,73.46-66.81,112.1-63s71.92,29,100.52,59.93c35.74,38.61,67.81,88.08,114.5,100.13,31.79,8.2,66.74-2.13,100.68-8.14,56.73-10.05,112.53-8,167.94-5.13,53,2.76,106.39,6.35,155.63,25.27,34.84,13.39,61.38,41.79,93.83,60.07,21.15,11.92,45.15,13.19,64.81,29.18,24.21,19.7,44.94,56.37,34.63,103.12C1079.87,430,1045.61,455.61,1024.8,490.29Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M692.13,488.17c0,32.75-21.07,60.32-49.73,68.51a64.58,64.58,0,0,1-34.23.35c-29.29-7.74-51-35.63-51-68.86,0-35.2,24.33-64.41,56.27-70a64.64,64.64,0,0,1,23.06.12C668.13,424.16,692.13,453.22,692.13,488.17Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<path
d="M642.4,556.69a64.58,64.58,0,0,1-34.23.35c-29.69-67.45-8.15-117.26,5.29-138.88a64.64,64.64,0,0,1,23.06.12C686.34,466,663.29,523.62,642.4,556.69Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<path
d="M642.4,556.69a64.58,64.58,0,0,1-34.23.35c-29.69-67.45-8.15-117.26,5.29-138.88a64.64,64.64,0,0,1,23.06.12C686.34,466,663.29,523.62,642.4,556.69Z"
transform="translate(-61.01 -20.71)"
fill="#fff"
opacity={0.1}
/>
<path
d="M233.66,463.67s86,16,148-68c0,0-52-51-88-40s-60,76-60,76Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<path
d="M233.66,463.67s86,16,148-68c0,0-52-51-88-40s-60,76-60,76Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<polygon
points="211.66 374.96 299.65 555.96 320.65 544.96 229.66 374.96 211.66 374.96"
fill="#504f60"
/>
<path
d="M381.66,395.67A195,195,0,0,0,334.44,402a204.35,204.35,0,0,0-59.92,26.7c-26.61,17.33-40.86,35-40.86,35C170.21,352.15,184.4,151,185.59,135.6h0c0-.24,0-.44,0-.58l0-.34C227.66,134.67,381.66,395.67,381.66,395.67Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<path
d="M1137.13,612.46l-97.47,26.21s-150,3-202,48-203,40-207,40-60-49-162,2-224,19-224,19-127,53-163,35-14-42-14-42,74-57,17-120,10-63,10-63H287.45a95.77,95.77,0,0,0,45.21-10.87c15.06-8.05,32.78-5.48,44.64-2.09a71.38,71.38,0,0,0,31.54,1.7C505.61,530,567.36,534.7,593,538.28a143,143,0,0,0,32.23.79c32.7-2.85,100.56-8.9,137.41-13.28,10.14-1.2,17.93-2.27,22-3.12,11.4-2.38,65.22,8.11,119.66,22.14,60.16,15.49,121.09,35.31,126.34,46.86,7.24,15.92,71.05,16.65,105.76,15.84A2.52,2.52,0,0,1,1137.13,612.46Z"
transform="translate(-61.01 -20.71)"
fill="#eed1d7"
/>
<path
d="M757.66,685.67l-24,5s-95-51-108-34"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
<path
d="M733.66,539.67s-154-31-218,6"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
<path
d="M617.79,595.38s-38.5-15.74-36.82-6.74,21.36,18,21.36,18-38.78-3.37-37.1,10.12c0,0,44.4-1.12,42.72,9s0,23.61,7.31,20.8,11.8-35.41,31.48-19.67,16.86-16.3-7.31-19.11c0,0,12.93-9.56,11.8-14.05S617.79,595.38,617.79,595.38Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M617.23,593.69s-38.5-15.74-36.82-6.74,21.36,18,21.36,18-38.78-3.37-37.1,10.12c0,0,44.4-1.12,42.72,9s0,23.61,7.31,20.8,11.8-35.41,31.48-19.67,16.86-16.3-7.31-19.11c0,0,12.93-9.56,11.8-14.05S617.23,593.69,617.23,593.69Z"
transform="translate(-61.01 -20.71)"
fill="#f89898"
/>
<path
d="M916.66,624.67s-55-17-60-14"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
<path
d="M489.66,639.67s74-21,102-5"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
<path
d="M612.16,554.17s20-59,60-47,70,43,70,43l-130,10Z"
transform="translate(-61.01 -20.71)"
fill="#eed1d7"
/>
<path
d="M177.16,620.17s31,13,83,8,93,26,93,26"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
<path
d="M334.44,402a204.35,204.35,0,0,0-59.92,26.7h0L185.59,135.6h0l-.43-1.42.47.84Z"
transform="translate(-61.01 -20.71)"
fill="#fff"
opacity={0.1}
/>
<path
d="M754,495.2S816.88,466,865.86,512.74c0,0-30.71,34.36-43.86,28.51s-52.64-16.08-57-27.05A80.7,80.7,0,0,0,754,495.2Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<path
d="M754,495.2S816.88,466,865.86,512.74c0,0-30.71,34.36-43.86,28.51s-52.64-16.08-57-27.05A80.7,80.7,0,0,0,754,495.2Z"
transform="translate(-61.01 -20.71)"
opacity={0.05}
/>
<path
d="M859,547.21l-3.34,12.71-1.37,5.21L841,615.83H755.47V533.3c7.41-.88,13.11-1.66,16.08-2.28C779.89,529.28,819.23,537,859,547.21Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M865.86,512.74l-1,3.92L854.23,557l-1.37,5.21L839.54,612.9H754V495.2q1.84,1.21,3.67,2.32h0c52.77,32.34,102.68,17.06,107.76,15.37Z"
transform="translate(-61.01 -20.71)"
fill={props.primaryColor}
/>
<g opacity={0.1}>
<path
d="M865.34,514.72l.52-2-.42.15c-2.39.79-14.72,4.6-32.6,5A131.1,131.1,0,0,0,865.34,514.72Z"
transform="translate(-61.01 -20.71)"
fill="#fff"
/>
<path
d="M757.68,497.52h0q-1.83-1.11-3.67-2.32V612.9h6.58V499.26C759.62,498.69,758.65,498.12,757.68,497.52Z"
transform="translate(-61.01 -20.71)"
fill="#fff"
/>
</g>
<path
d="M880.77,538.16c-1.37,9.63-10.75,17.71-27.91,24.05q-1.16.44-2.37.86a50.65,50.65,0,0,1-16.71,2.87c-18.11,0-36.52-9.89-54.09-29.23A192.43,192.43,0,0,1,754,500V495.2q1.84,1.21,3.67,2.32h0A191,191,0,0,0,783,533.81c22,24.22,44.24,32.67,66,25.11,1.81-.63,3.53-1.27,5.17-1.93,13.68-5.51,21.14-12,22.2-19.45,1.33-9.35-8-18-11.59-20.89-.8-.65-1.3-1-1.33-1l1.94-2.74.59-.84C866.72,512.53,882.76,524.05,880.77,538.16Z"
transform="translate(-61.01 -20.71)"
fill="#504f60"
/>
<circle cx={830.15} cy={261.46} r={66} fill="#ffdf9c" />
<g opacity={0.05}>
<path
d="M303.07,380.44a2.35,2.35,0,0,0,.33-1.37A8.57,8.57,0,0,0,303.07,380.44Z"
transform="translate(-61.01 -20.71)"
fill="url(#6f8749ca-511d-4759-8c67-c6ca09cd723c)"
/>
</g>
<g opacity={0.05}>
<path
d="M303.07,379.75a2.35,2.35,0,0,0,.33-1.37A8.57,8.57,0,0,0,303.07,379.75Z"
transform="translate(-61.01 -20.71)"
fill="url(#694b858e-b97c-4530-94e4-ee1451c74b1d)"
/>
</g>
<path
d="M605.17,697.76c-1.56.78-14.37-1.09-25.19-2.86,5.83-1.33,10.1-3.1,12.11-5.41,11.63-13.37-39.6-5.63-55.8-2.9l-13-2.61-14.6-3.37c-10.07-14.15-25.33-42.85-32.72-57.08,2.45-.55,4-.82,4-.82-.12-.45-.24-.88-.36-1.31l.36-.06c-13.77-52.32-37.17-44.75-37.17-44.75-2.8,0-6.91,1.21-11.77,3.19a111.44,111.44,0,0,0-6.08-16.22l-.57-1.23,2.59.49s-.13-.36-.4-1l.24,0,.57.11.12,0,.23,0,.6.12s-18.9-51.29-59.08-82.15a72.69,72.69,0,0,0-36.75-14.89c-.71-.07-1.4-.13-2.09-.18l-.62,0-1.54-.07-1.08,0h0c-9.12-.13-15.77,2.12-23.45,6-1.4.69-2.83,1.43-4.31,2.24a31.21,31.21,0,0,1-3.42-.61q-.92-.22-1.8-.51a38.56,38.56,0,0,0,19.71-49.81,26.28,26.28,0,0,1,11.93-10.95,3.85,3.85,0,0,0,1.64-1.09,3.59,3.59,0,0,0,.46-2.06V408c0-.13,0-.26,0-.39s0-.16,0-.24v-.06A13.28,13.28,0,0,0,316.46,394a21.07,21.07,0,0,1-5.52-1.59c-4.27-1.94-7.76-6.27-8-10.76a8.76,8.76,0,0,1,.11-1.2l-.1.15c0-.28.06-.56.1-.84a4,4,0,0,1-5.44,1,6.24,6.24,0,0,1-2.15-4.93,11.4,11.4,0,0,1,.16-1.54,21.84,21.84,0,0,0,.52-4.31c.07-1.53-.22-2.93-1.46-3.74-2.63,3.24-6.89,4.78-11,5.11s-8.32-.4-12.45-.95C261,369,249.51,369.15,241.82,376c-5,4.45-7.53,11-9.87,17.26-3.31,8.86-6.62,18.48-6.52,27.72a30.7,30.7,0,0,0,2.41,12.59c3.22,7.42,9.76,13.28,11.76,21.12a22.38,22.38,0,0,0,1.57,5.35c1.81,3.31,6,4.64,9.81,4.13a38.75,38.75,0,0,0,4.6,3.91c0,.43-.07.87-.11,1.3-.26,2.71-.62,5.39-1.12,8-.31-.44-.73-.2-2-.2l-.43,0h-.11l-.5.06h0l-.54.09-.12,0-.63.13h0l-.69.17-.09,0-.77.21h0l-.84.24h0c-2.4.72-5.32,1.77-8.4,3A37.74,37.74,0,0,0,229,460.84a20.6,20.6,0,0,0,2.59-4.79c1-2.8,0-4.73-1.84-6.39a38.22,38.22,0,0,0-5.43-4.21,79.73,79.73,0,0,0-28.19-13.31,29,29,0,0,0-10.07-1.05,29.55,29.55,0,0,0-9.16,2.93,87.69,87.69,0,0,0-13.24,7.65c-2.81,2-5.57,4.14-8.81,5.26-4.87,1.69-10.5.9-15,3.44-6.28,3.55-7.69,12.07-6.76,19.23s3.47,14.29,2.34,21.42c-1.69,10.67-10.94,18.25-19.44,24.91-2.68,2.1-5.55,4.56-6,7.94-.26,2.11.52,4.19,1.17,6.22a52.86,52.86,0,0,1-.53,34.06,47.6,47.6,0,0,1-22.23,25.61c-3.91,2-8.65,4.13-9.56,8.44-.62,2.9.75,5.46,3,7.51a20.55,20.55,0,0,0,7.72,4.84A69.48,69.48,0,0,0,102.78,614c4,.63,8.21.87,11.83-.87,4.21-2,6.78-6.32,9-10.43,5.69-10.5,12.23-17.49,17.63-25.94.71,3.09,1.29,5.24,1.32,5.36-4.48,4-6.58,10.68-4.13,21.36,9.64,42,22,52.32,22,52.32a14.6,14.6,0,0,1,2.55-6.29l.55.66h0c5.88,7.14,12.63,14.57,18.24,18.7a95.9,95.9,0,0,1,17.31,16.45,3.45,3.45,0,0,1-1.18,5.27c-8.83,4.3-28.13,15.34-5.11,20.27s41.8-8.12,48.39-13.57a3.46,3.46,0,0,0,.5-4.83l-21-26.2L218.17,663c1.39,1,2.8,2,4.26,3.08l-3.74-6,11.84,1.23c.34.72.69,1.43,1,2.11,2.36,4.85,4.86,8.63,7.46,10.74a25.43,25.43,0,0,0,3.36,13.93c9.45,17.13,61.48,17,76.06,16.65a34,34,0,0,0,4.1.4,34.31,34.31,0,0,0,6.79-.45l.48-.08a17.49,17.49,0,0,0,7.84-3.22l20.71-4.14.47.11c11.69,2.41,33.93,6.26,46.7,3.81,12.24-2.35,19.33,1.73,22.59,4.55a38,38,0,0,1-1.25,3.71h.18c-.81,1.8-3.83,10.5,8.43,20.31,8,6.4,62.54,8.07,81.23,4.13,13.46-2.84-5.67-11-8.26-11-5.87,0-24.09-12.36-26-13.65l-2-2.68c12.67,1.69,35,4.37,39.37,2.9,6.2-2.07,33.73,1.38,33.73,1.38s37.17,8.26,55.07,2.75S607.93,696.39,605.17,697.76Z"
transform="translate(-61.01 -20.71)"
fill="url(#af4071b7-43dd-4316-b43e-b9c2534923d0)"
/>
<g opacity={0.05}>
<path
d="M362.17,552.52c-2.17.93-7.33,5.79-14,12.77-2.13-14-3.5-26.64-2.61-31.89a4.73,4.73,0,0,1,.79-2.19c4-.27,12.18,9.77,18.71,18.86C363.22,551.51,362.17,552.52,362.17,552.52Z"
transform="translate(-61.01 -20.71)"
fill="url(#ff04ffe4-4750-4f5d-b6ca-57aefdc18bdd)"
/>
</g>
<g opacity={0.05}>
<polygon
points="266.1 444.08 266.1 444.08 266.1 444.08 266.1 444.08"
fill="url(#7361859e-fe61-4bdf-97de-9abd060aa8b0)"
/>
</g>
<path
d="M469,613.82s35,69.42,43.81,72.12,14.83-1.35,14.83-1.35,72.79-13.48,59.31,2-131.43,6.07-131.43,6.07L425.9,626Z"
transform="translate(-61.01 -20.71)"
fill="#ef91a3"
/>
<path
d="M368.61,615.17s56.62-37.74,72.12-37.74c0,0,22.92-7.41,36.4,43.81,0,0-46.51,8.09-45.83,30.33l-8.76-18.87-37.74,41.79-45.83-31Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M368.61,613.82s56.62-37.74,72.12-37.74c0,0,22.92-7.41,36.4,43.81,0,0-46.51,8.09-45.83,30.33l-8.76-18.87-37.74,41.79-45.83-31Z"
transform="translate(-61.01 -20.71)"
fill="#5d526e"
/>
<path
d="M430.61,594.95c-3.37,16.18-20.89,18.87-20.89,18.87l-24.94-15.5s-3.52-23.22-6.49-37.37c-1.14-5.44-2.2-9.54-2.95-10.48-2.7-3.37,39.77-2.7,39.77-2.7a167,167,0,0,1,8.13,15.55C427.86,573.43,432.41,586.31,430.61,594.95Z"
transform="translate(-61.01 -20.71)"
fill="#ef91a3"
/>
<path
d="M322.77,473l-14.15,67.4-34.37-8.76S242.57,506.65,252,491.15c3.09-5.07,4.66-12.44,5.38-20.07,1.48-15.71-.66-32.51-.66-32.51s37.74-10.11,30.33,17.52c-3,11.35,2.43,16.22,9.95,18C307.79,476.7,322.77,473,322.77,473Z"
transform="translate(-61.01 -20.71)"
fill="#ef91a3"
/>
<path
d="M297,474.12a37.51,37.51,0,0,1-17.36,4.23c-8.32,0-16.34-5.21-22.58-9.77a154,154,0,0,0-.34-30s37.74-10.11,30.33,17.52C284,467.45,289.48,472.32,297,474.12Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<circle cx={218.63} cy={418.54} r={37.74} fill="#ef91a3" />
<path
d="M276.81,518l10.24,14.28,5.82-21.11a105.06,105.06,0,0,0,3.53-25.88A17.78,17.78,0,0,1,299.86,475c10.5-5.73,18.3-8.75,31.54-7.39a71.18,71.18,0,0,1,36,14.58c39.34,30.22,57.84,80.43,57.84,80.43S371.3,551.81,374,563.94c0,0-23.59-37.74-29-31.68s11.46,86.27,11.46,86.27l-110.54,8.09-29-76.84,1.35-57.29s28.65-13.14,34.71-13.14c2.12,0,1.8-.74,2.7,2.7C259.17,495.29,268.84,506.87,276.81,518Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M423.24,563.32c-9.38-1.69-35.93-6-44.95-2.37-1.14-5.44-2.2-9.54-2.95-10.48-2.7-3.37,39.77-2.7,39.77-2.7A167,167,0,0,1,423.24,563.32Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M278.16,517.31l10.24,14.28,5.82-21.11a105.06,105.06,0,0,0,3.53-25.88,17.78,17.78,0,0,1,3.45-10.29c10.5-5.73,18.3-8.75,31.54-7.39a71.18,71.18,0,0,1,36,14.58c39.34,30.22,57.84,80.43,57.84,80.43s-53.92-10.78-51.22,1.35c0,0-23.59-37.74-29-31.68s11.46,86.27,11.46,86.27L247.28,626l-29-76.84,1.35-57.29s28.65-13.14,34.71-13.14c2.12,0,1.8-.74,2.7,2.7C260.52,494.62,270.19,506.2,278.16,517.31Z"
transform="translate(-61.01 -20.71)"
fill="#dfecfb"
/>
<path
d="M253.43,465.92c-3.79.68-8.2-.6-10-4a21.91,21.91,0,0,1-1.54-5.24c-2-7.68-8.36-13.41-11.51-20.68-5.31-12.25-.65-26.29,4-38.8,2.3-6.14,4.77-12.54,9.67-16.9,7.53-6.7,18.77-6.86,28.76-5.54,4,.53,8.12,1.25,12.19.93s8.24-1.83,10.82-5c2.17,1.41,1.37,4.67.92,7.21s-.08,5.46,2,7,5.82.27,5.65-2.27c-1.82,5.4,2.2,11.37,7.39,13.72a20.63,20.63,0,0,0,5.41,1.56A13,13,0,0,1,328.26,411v.06a3.52,3.52,0,0,1-.45,2,3.77,3.77,0,0,1-1.6,1.06,25.71,25.71,0,0,0-12.15,11.6c-1.4,2.73-2.45,5.89-5,7.56-3.17,2-7.31,1-11.07,1.32a15.71,15.71,0,0,0-13.56,11.13c-.87,3.12-.76,6.52-2.71,9.3a5.3,5.3,0,0,1-3.69,2.32c-2.92.32-4.27-2.31-6.36-3.66-4.93-3.18-8.07,1-9.63,5C260.3,463,259.11,464.91,253.43,465.92Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M253.43,465.24c-3.79.68-8.2-.6-10-4a21.91,21.91,0,0,1-1.54-5.24c-2-7.68-8.36-13.41-11.51-20.68-5.31-12.25-.65-26.29,4-38.8,2.3-6.14,4.77-12.54,9.67-16.9,7.53-6.7,18.77-6.86,28.76-5.54,4,.53,8.12,1.25,12.19.93s8.24-1.83,10.82-5c2.17,1.41,1.37,4.67.92,7.21s-.08,5.46,2,7,5.82.27,5.65-2.27c-1.82,5.4,2.2,11.37,7.39,13.72a20.63,20.63,0,0,0,5.41,1.56,13,13,0,0,1,11.15,13.06v.06a3.52,3.52,0,0,1-.45,2,3.77,3.77,0,0,1-1.6,1.06,25.71,25.71,0,0,0-12.15,11.6c-1.4,2.73-2.45,5.89-5,7.56-3.17,2-7.31,1-11.07,1.32a15.71,15.71,0,0,0-13.56,11.13c-.87,3.12-.76,6.52-2.71,9.3a5.3,5.3,0,0,1-3.69,2.32c-2.92.32-4.27-2.31-6.36-3.66-4.93-3.18-8.07,1-9.63,5C260.3,462.36,259.11,464.23,253.43,465.24Z"
transform="translate(-61.01 -20.71)"
fill="#572142"
/>
<g opacity={0.05}>
<path
d="M360.64,480.81c36.39,27.95,54.95,73,57.53,79.61,5,.82,8.4,1.5,8.4,1.5s-18.5-50.22-57.84-80.43a71.18,71.18,0,0,0-36-14.58c-1.84-.19-3.56-.28-5.21-.31A71.55,71.55,0,0,1,360.64,480.81Z"
transform="translate(-61.01 -20.71)"
/>
<path
d="M249,480.7c3.46,13.24,13.13,24.82,21.11,35.94l10.24,14.28,2.11-7.66-4.26-5.94c-8-11.12-17.65-22.7-21.11-35.94-.9-3.43-.57-2.7-2.7-2.7a22.38,22.38,0,0,0-5.59,1.26Z"
transform="translate(-61.01 -20.71)"
/>
<path
d="M371.76,557.74c2.19,3.29,3.59,5.53,3.59,5.53-1.18-5.29,8.42-6.22,19.62-5.59C386.18,556.75,377.06,556.34,371.76,557.74Z"
transform="translate(-61.01 -20.71)"
/>
<path
d="M345.57,533.76c-3.19-3-5.87-4.45-7.3-2.85-5.39,6.07,11.46,86.27,11.46,86.27l-102.91,7.53.46,1.23,110.54-8.09S343.15,548,345.57,533.76Z"
transform="translate(-61.01 -20.71)"
/>
</g>
<path
d="M243.44,694.22c-6.45,5.34-24.76,18.13-47.38,13.28s-3.63-15.64,5-19.85a3.38,3.38,0,0,0,1.15-5.16,93.9,93.9,0,0,0-16.94-16.1c-5.49-4-12.11-11.32-17.86-18.31h0c-3-3.66-5.8-7.23-8.07-10.23a3.38,3.38,0,0,1,3.59-5.3l44.19,12a3.37,3.37,0,0,1,1.75,1.15l14.52,18.15,20.52,25.65A3.39,3.39,0,0,1,243.44,694.22Z"
transform="translate(-61.01 -20.71)"
fill="#ef91a3"
/>
<path
d="M223.4,663.84c-36.87-26.89-50.79-22.09-56-15.76-3-3.66-5.8-7.23-8.07-10.23a3.38,3.38,0,0,1,3.59-5.3l44.19,12a3.37,3.37,0,0,1,1.75,1.15Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M192.69,580.79s-59.31-19.55-49.88,21.57,21.57,51.22,21.57,51.22,3.37-32.35,60.66,10.11l-20.22-32.35,23.59-29.66Z"
transform="translate(-61.01 -20.71)"
fill="#5d526e"
/>
<path
d="M178.54,543.72s-5.39,28.31,14.15,62.68c15.49,27.25-2.9,39.67-11.18,43.65a5.84,5.84,0,0,1-6.64-1.11c-5.46-5.4-15.93-19.1-9.81-40.52l4-10.78-22.24-16.18s-6-22.32-3.35-27.34,24.24-18.5,24.24-18.5Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M178.54,542.38s-5.39,28.31,14.15,62.68c15.49,27.25-2.9,39.67-11.18,43.65a5.84,5.84,0,0,1-6.64-1.11c-5.46-5.4-15.93-19.1-9.81-40.52l4-10.78-22.24-16.18s-6-22.32-3.35-27.34,24.24-18.5,24.24-18.5Z"
transform="translate(-61.01 -20.71)"
fill="#ef91a3"
/>
<path
d="M227.74,488.46S179.21,516.09,159,534.29s-16.18,24.26-16.18,24.26,19.55-36.4,36.4-4.72c0,0,47.18-34.37,60-19.55S227.74,488.46,227.74,488.46Z"
transform="translate(-61.01 -20.71)"
fill="#dfecfb"
/>
<polygon
points="148.53 626.81 188.97 618.72 184.26 639.61 154.95 636.56 148.53 626.81"
fill="#5d526e"
/>
<path
d="M279.64,558.55l-1.35,14.83-48.53-8.09-14.83-9.44-22.24-8.09a38.71,38.71,0,0,0,1.18-22.54,34.21,34.21,0,0,0-3.88-9.14c-9.44-15.5,39.77-8.76,39.77-8.76a65.07,65.07,0,0,0-.74,10.56c.1,11.26,3.29,27.14,21,24.49l14.83,8.76Z"
transform="translate(-61.01 -20.71)"
fill="#ffc1cd"
/>
<path
d="M231.78,537.66s24.94-10.78,37.07,11.46S286.38,570,286.38,570l-24.26-15.5Z"
transform="translate(-61.01 -20.71)"
fill="#ffc1cd"
/>
<path
d="M252.68,650.22s-18.87,15.5-8.09,35,78.18,16.18,78.18,16.18-42.79-16.08-32.18-70C290.6,631.39,260.09,640.11,252.68,650.22Z"
transform="translate(-61.01 -20.71)"
fill="#5f5470"
/>
<path
d="M342.32,673.13l-6.74,25.61L359.17,694s-10.11-21.57-8.76-27.63S342.32,673.13,342.32,673.13Z"
transform="translate(-61.01 -20.71)"
fill="#5f5470"
/>
<path
d="M361.19,642.13s61.33,6.07,78.18,15.5l12.81,4s4.72-1.35,14.83,7.41l52.57,12.13L560,689.31s37.07,6.74,39.77,5.39,20.89,10.11,3.37,15.5-53.92-2.7-53.92-2.7-27-3.37-33-1.35-47.18-4-47.18-4l-40.44,2.7s-6.74-10.11-24.26-6.74c-12.51,2.4-34.28-1.37-45.72-3.73a11.38,11.38,0,0,1-8.9-9.06l-4-21.59Z"
transform="translate(-61.01 -20.71)"
fill="#ffc1cd"
/>
<path
d="M361.19,642.13s61.33,6.07,78.18,15.5l12.81,4s4.72-1.35,14.83,7.41l52.57,12.13L560,689.31s37.07,6.74,39.77,5.39,20.89,10.11,3.37,15.5-53.92-2.7-53.92-2.7-27-3.37-33-1.35-47.18-4-47.18-4l-40.44,2.7s-6.74-10.11-24.26-6.74c-12.51,2.4-34.28-1.37-45.72-3.73a11.38,11.38,0,0,1-8.9-9.06l-4-21.59Z"
transform="translate(-61.01 -20.71)"
opacity={0.05}
/>
<path
d="M229,517.89a37.14,37.14,0,0,1-35.15,7.34,34.21,34.21,0,0,0-3.88-9.14c-9.44-15.5,39.77-8.76,39.77-8.76A65.07,65.07,0,0,0,229,517.89Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<circle cx={143.82} cy={467.74} r={37.07} fill="#ffc1cd" />
<path
d="M189.32,543s28.31,15.5,29.66,25.61-4,22.24-4,22.24,12.81,76.84,29,82.23l43.14-41.79,36.4-16.18s-21.57-1.35-23.59-21.57,2.7-27-21.57-36.4-37.41-20.56-37.41-20.56l-6.27,1.58,32.21,17s18.2,10.78-29,2.7L193.36,541.7Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M188.65,541.7S217,557.2,218.3,567.31s-4,22.24-4,22.24,12.81,76.84,29,82.23L286.38,630l36.4-16.18s-21.57-1.35-23.59-21.57,2.7-27-21.57-36.4-37.41-20.56-37.41-20.56l-6.27,1.58,32.21,17s18.2,10.78-29,2.7l-44.48-16.18Z"
transform="translate(-61.01 -20.71)"
fill="#ff808c"
/>
<path
d="M198.76,547.09S171.12,537,177.86,569.34s41.79,88.29,41.79,88.29l82.23-28.31s25.61-19.55,18.87-21.57-42.46,10.78-42.46,10.78L229.76,626,218.3,593.6s10.78-7.41,7.41-16.85l-.1-.28a52.13,52.13,0,0,0-25.78-28.83Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M197.41,545.75S169.77,535.64,176.51,568s41.79,88.29,41.79,88.29L300.53,628s25.61-19.55,18.87-21.57-42.46,10.78-42.46,10.78l-48.53,7.41L217,592.25s10.78-7.41,7.41-16.85l-.1-.28a52.13,52.13,0,0,0-25.78-28.83Z"
transform="translate(-61.01 -20.71)"
fill="#ffc1cd"
/>
<path
d="M200,435.29a28.44,28.44,0,0,0-9.86-1,28.93,28.93,0,0,0-9,2.86,85.86,85.86,0,0,0-13,7.49c-2.75,1.93-5.45,4.05-8.63,5.15-4.76,1.65-10.28.88-14.67,3.37-6.15,3.48-7.53,11.82-6.62,18.82s3.39,14,2.29,21c-1.65,10.45-10.71,17.87-19,24.39-2.62,2.05-5.43,4.47-5.84,7.77-.25,2.07.51,4.11,1.14,6.09a51.75,51.75,0,0,1-.52,33.35,46.61,46.61,0,0,1-21.77,25.07c-3.83,2-8.47,4-9.36,8.26-1.14,5.36,4.63,9.51,9.77,11.41a68,68,0,0,0,12.94,3.38c3.88.61,8,.85,11.58-.85,4.12-2,6.64-6.19,8.82-10.21,8.49-15.66,18.9-23.34,24.39-40.28,1.18-3.65,3.07-8,6.9-8.37,2.39-.23,4.55,1.28,6.59,2.56,9.81,6.18,20.11-.75,29.24-7.89,2.11-1.65,3.92-3.73,6.27-5,5-2.74,12.27-2,15.27-6.8a13.47,13.47,0,0,0,1.43-4.09c1.23-5.27,2.45-10.8,1-16-1.31-4.83-4.73-8.79-6.75-13.38s-2.13-10.85,2-13.69c1.24-.85,2.72-1.29,3.94-2.18,3.54-2.57,3.62-7.7,3.6-12.07a6.43,6.43,0,0,1,.54-3.16,7.58,7.58,0,0,1,2.49-2.29A24.53,24.53,0,0,0,234,458c1.79-4.82-2.79-7-6.44-9.7A78.06,78.06,0,0,0,200,435.29Z"
transform="translate(-61.01 -20.71)"
opacity={0.1}
/>
<path
d="M199.31,434.62a28.44,28.44,0,0,0-9.86-1,28.93,28.93,0,0,0-9,2.86,85.86,85.86,0,0,0-13,7.49c-2.75,1.93-5.45,4.05-8.63,5.15-4.76,1.65-10.28.88-14.67,3.37-6.15,3.48-7.53,11.82-6.62,18.82s3.39,14,2.29,21c-1.65,10.45-10.71,17.87-19,24.39-2.62,2.05-5.43,4.47-5.84,7.77-.25,2.07.51,4.11,1.14,6.09a51.75,51.75,0,0,1-.52,33.35,46.61,46.61,0,0,1-21.77,25.07c-3.83,2-8.47,4-9.36,8.26-1.14,5.36,4.63,9.51,9.77,11.41A68,68,0,0,0,107.22,612c3.88.61,8,.85,11.58-.85,4.12-2,6.64-6.19,8.82-10.21,8.49-15.66,18.9-23.34,24.39-40.28,1.18-3.65,3.07-8,6.9-8.37,2.39-.23,4.55,1.28,6.59,2.56,9.81,6.18,20.11-.75,29.24-7.89,2.11-1.65,3.92-3.73,6.27-5,5-2.74,12.27-2,15.27-6.8A13.47,13.47,0,0,0,217.7,531c1.23-5.27,2.45-10.8,1-16-1.31-4.83-4.73-8.79-6.75-13.38s-2.13-10.85,2-13.69c1.24-.85,2.72-1.29,3.94-2.18,3.54-2.57,3.62-7.7,3.6-12.07a6.43,6.43,0,0,1,.54-3.16,7.58,7.58,0,0,1,2.49-2.29,24.53,24.53,0,0,0,8.81-10.88c1.79-4.82-2.79-7-6.44-9.7A78.06,78.06,0,0,0,199.31,434.62Z"
transform="translate(-61.01 -20.71)"
fill="#b46d86"
/>
<path
d="M513.18,730.09c-18.3,3.86-71.69,2.22-79.53-4-12-9.6-9-18.12-8.25-19.88h-.18s6.74-16.18,0-28.31c0,0-.67-14.83-14.83-26.29s-29.66-43.81-29.66-43.81l-8.09,16.85s-12.16,37-24.77,53.42a26.19,26.19,0,0,0-5,11.11c-.84,4.46-3.72,10.07-12.68,11.63l-.47.08a33.42,33.42,0,0,1-33-14c-6-8.69-12.87-20.74-14.41-32.48a28.56,28.56,0,0,1,6.61-22.16l.07-.09c14.52-17.15,64.85-76.16,72.91-79.61,0,0,36.4-35,50.55,12.13S431.29,626,431.29,626s16.92,30.23,21.57,40.44c4.8,10.55,24.76,36.88,26.79,39.54,1.85,1.27,19.69,13.37,25.44,13.37C507.63,719.3,526.36,727.3,513.18,730.09Z"
transform="translate(-61.01 -20.71)"
fill="#ffc1cd"
/>
<g opacity={0.05}>
<path
d="M428,687.35c.57-5.24.26-11.48-2.76-16.91,0,0-.67-14.83-14.83-26.29s-29.66-43.81-29.66-43.81l-8.09,16.85s-12.16,37-24.77,53.42a26.19,26.19,0,0,0-5,11.11c-.84,4.46-3.72,10.07-12.68,11.63l-.47.08a33.42,33.42,0,0,1-33-14c-6-8.59-12.71-20.47-14.35-32.09a28,28,0,0,0-.06,7.7c1.55,11.74,8.38,23.8,14.41,32.48a33.42,33.42,0,0,0,33,14l.47-.08c9-1.56,11.84-7.17,12.68-11.63a26.19,26.19,0,0,1,5-11.11c12.61-16.43,24.77-53.42,24.77-53.42l8.09-16.85s15.5,32.35,29.66,43.81,14.83,26.29,14.83,26.29A24.08,24.08,0,0,1,428,687.35Z"
transform="translate(-61.01 -20.71)"
/>
</g>
<path
d="M252.34,600s29-.67,27-10.11"
transform="translate(-61.01 -20.71)"
opacity={0.05}
/>
<path
d="M727.66,633.67s45-31,89-20,11,49,11,49Z"
transform="translate(-61.01 -20.71)"
fill="#eed1d7"
/>
<path
d="M709.66,613.67s44-19,74,1,90,30,90,30"
transform="translate(-61.01 -20.71)"
fill="#ccb2bb"
/>
</svg>
);
UndrawBeach.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawBeach.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawBeach;