react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
521 lines (516 loc) • 28 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawRideABicycle = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="74ad5bb7-fdcd-4b2d-be88-4cebbebfa027"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1057.7 784.98"
>
<defs>
<linearGradient
id="3bf67c77-6062-4f06-9d7e-238f26074c0d"
x1={534.38}
y1={800.56}
x2={534.38}
y2={118}
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>Ride a bicycle</title>
<path
d="M280.88,172.94c-5.48,6.65-7.59,16-9.95,24.79-19,70.84-65.82,127.82-119.14,168.52-22.58,17.24-50.07,40.36-45.13,71.27,2.66,16.6,14.33,28.82,23,42.34,18.19,28.31,24.09,66.79,15.42,100.68-9.86,38.56-37.42,74.54-28.89,113.53,5.26,24,23.12,41.08,40.29,55.76q40.18,34.33,82.92,64.32c19.1,13.4,39.42,26.44,61.68,28.14,19.6,1.5,38.8-5.95,57.41-13.3,16.26-6.43,32.93-13.12,46.06-26,8.57-8.41,15.4-19.26,24.92-26.14,22.36-16.16,51.08-5.92,76.72,1,60.5,16.24,125.25,10.31,182.82-16.74,88.31-41.5,155.62-128.65,242-175.41,37.14-20.11,77.54-32.59,111.93-58.49a209.09,209.09,0,0,0,49.2-53.24c26-40.11,40.06-91.25,36-141.31s-26.81-98.3-62.54-126.56c-38.25-30.25-86.56-35.9-130.08-54.06-44.94-18.76-84.92-51-129.43-71.13A264.67,264.67,0,0,0,577.82,86C529.38,110.5,480.28,167.66,426.33,172,387.89,175,310.9,136.52,280.88,172.94Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M913.25,505.83s17.5,34.35,3.24,53.14,1.3,70,1.3,70"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M918.43,495.14c0,6.62-4.86,12-4.86,12s-4.86-5.37-4.86-12,4.86-12,4.86-12S918.43,488.52,918.43,495.14Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M922.32,505.83s-17.5,34.35-3.24,53.14-1.3,70-1.3,70"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M917.14,495.14c0,6.62,4.86,12,4.86,12s4.86-5.37,4.86-12-4.86-12-4.86-12S917.14,488.52,917.14,495.14Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M917.14,495.14c0,6.62,4.86,12,4.86,12s4.86-5.37,4.86-12-4.86-12-4.86-12S917.14,488.52,917.14,495.14Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M929.45,505.83s17.5,34.35,3.24,53.14,1.3,70,1.3,70"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M934.63,495.14c0,6.62-4.86,12-4.86,12s-4.86-5.37-4.86-12,4.86-12,4.86-12S934.63,488.52,934.63,495.14Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M931.91,522.66c-4.59,4.77-11.82,5.27-11.82,5.27s.22-7.24,4.81-12,11.82-5.27,11.82-5.27S936.5,517.89,931.91,522.66Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M932.37,546.36c-4.59,4.77-11.82,5.27-11.82,5.27s.22-7.24,4.81-12,11.82-5.27,11.82-5.27S937,541.58,932.37,546.36Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M907.47,559.39c4.34,5,4.19,12.24,4.19,12.24s-7.19-.87-11.53-5.87-4.19-12.24-4.19-12.24S903.13,554.39,907.47,559.39Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M911.5,508.86c5.52,3.66,7.31,10.68,7.31,10.68s-7.16,1.09-12.68-2.57-7.31-10.68-7.31-10.68S906,505.2,911.5,508.86Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M911.5,508.86c5.52,3.66,7.31,10.68,7.31,10.68s-7.16,1.09-12.68-2.57-7.31-10.68-7.31-10.68S906,505.2,911.5,508.86Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M938.52,505.83S921,540.18,935.28,559s-1.3,70-1.3,70"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M933.34,495.14c0,6.62,4.86,12,4.86,12s4.86-5.37,4.86-12-4.86-12-4.86-12S933.34,488.52,933.34,495.14Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M933.34,495.14c0,6.62,4.86,12,4.86,12s4.86-5.37,4.86-12-4.86-12-4.86-12S933.34,488.52,933.34,495.14Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M934.74,523.17c-4.65,4.72-5,12-5,12s7.23-.41,11.88-5.13,5-12,5-12S939.38,518.45,934.74,523.17Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M934.74,523.17c-4.65,4.72-5,12-5,12s7.23-.41,11.88-5.13,5-12,5-12S939.38,518.45,934.74,523.17Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M943.85,556c-4.65,4.72-5,12-5,12s7.23-.41,11.88-5.13,5-12,5-12S948.5,551.26,943.85,556Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M930.44,548.77s10.53-16.6,25.32-17"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M922.24,538.74s-10.53-16.6-25.32-17"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<path
d="M920.87,562.44s10.53-16.6,25.32-17"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<circle cx={884.13} cy={474.17} r={2.73} fill={props.primaryColor} />
<circle cx={826.03} cy={464.37} r={2.73} fill={props.primaryColor} />
<path
d="M928.62,567.91s-10.53-16.6-25.32-17"
transform="translate(-71.15 -57.51)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<circle cx={832.41} cy={493.54} r={2.73} fill={props.primaryColor} />
<circle cx={875.24} cy={488.07} r={2.73} fill={props.primaryColor} />
<path
d="M986.84,609s-25.38-5.08-32.15-11.85S917.46,578.57,914.08,587s-45.69,37.23-16.92,42.31,67.69,6.77,76.15,3.38S986.84,609,986.84,609Z"
transform="translate(-71.15 -57.51)"
fill="#a8a8a8"
/>
<path
d="M897.15,626.19c28.77,5.08,67.69,6.77,76.15,3.38,6.44-2.58,10.92-15,12.69-20.72l.85.18s-5.08,20.31-13.54,23.69-47.38,1.69-76.15-3.38c-8.3-1.47-10.68-4.91-9.78-9.26C888.08,622.91,891,625.1,897.15,626.19Z"
transform="translate(-71.15 -57.51)"
opacity={0.2}
/>
<path
d="M138.4,645.66s8.38,11-3.87,27.5S112.18,703.67,116.27,714c0,0,18.48-30.73,33.52-31.16S154.94,664.14,138.4,645.66Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M138.4,645.66a13.57,13.57,0,0,1,1.71,3.44c14.68,17.24,22.49,33.33,8.39,33.74-13.14.38-28.9,23.87-32.68,29.81a12.74,12.74,0,0,0,.45,1.35s18.48-30.73,33.52-31.16S154.94,664.14,138.4,645.66Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M154,659.62c0,3.86-.43,7-1,7s-1-3.13-1-7,.54-2,1.07-2S154,655.77,154,659.62Z"
transform="translate(-71.15 -57.51)"
fill="#ffd037"
/>
<path
d="M159.32,664.23c-3.39,1.85-6.34,3-6.59,2.49s2.28-2.35,5.67-4.19,2.05-.5,2.31,0S162.71,662.38,159.32,664.23Z"
transform="translate(-71.15 -57.51)"
fill="#ffd037"
/>
<path
d="M94.13,645.66s-8.38,11,3.87,27.5,22.35,30.51,18.26,40.83c0,0-18.48-30.73-33.52-31.16S77.59,664.14,94.13,645.66Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M94.13,645.66a13.57,13.57,0,0,0-1.71,3.44C77.75,666.34,69.93,682.43,84,682.83c13.14.38,28.9,23.87,32.68,29.81a12.74,12.74,0,0,1-.45,1.35s-18.48-30.73-33.52-31.16S77.59,664.14,94.13,645.66Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M78.56,659.62c0,3.86.43,7,1,7s1-3.13,1-7-.54-2-1.07-2S78.56,655.77,78.56,659.62Z"
transform="translate(-71.15 -57.51)"
fill="#ffd037"
/>
<path
d="M73.21,664.23c3.39,1.85,6.34,3,6.59,2.49s-2.28-2.35-5.67-4.19-2.05-.5-2.31,0S69.82,662.38,73.21,664.23Z"
transform="translate(-71.15 -57.51)"
fill="#ffd037"
/>
<path
d="M81.22,712.55s23.43-.72,30.49-5.75,36-11,37.79-3,35.21,40.11,8.76,40.32S96.8,740,89.76,735.74,81.22,712.55,81.22,712.55Z"
transform="translate(-71.15 -57.51)"
fill="#a8a8a8"
/>
<path
d="M158.74,741.35c-26.45.21-61.46-4.12-68.51-8.41-5.37-3.27-7.51-15-8.22-20.41l-.78,0s1.48,18.9,8.53,23.19,42.06,8.63,68.51,8.41c7.64-.06,10.27-2.78,10.13-6.8C167.34,739.79,164.42,741.3,158.74,741.35Z"
transform="translate(-71.15 -57.51)"
opacity={0.2}
/>
<path
d="M753.28,561.35a121.93,121.93,0,0,0-30.74,3.92l-36.87-113.8-.48-1.48,3.14-.92c7.4-16.27-12.33-18.71-12.33-18.71l-1.66.56c-10.43-3-28.5-4.59-47.25-5.33V402.87a105.64,105.64,0,0,1,6.65-36.49c.53-1.43,1-2.77,1.36-4.05.08-.26.16-.52.23-.77l.13-.47c.09-.33.19-.67.27-1s.12-.46.17-.7.12-.47.17-.7l.07-.33c.08-.34.15-.67.22-1,0-.14.05-.28.08-.42s.11-.56.16-.84.06-.38.09-.57.07-.42.1-.62,0-.26.05-.39.07-.49.1-.73l0-.19c0-.29.07-.58.09-.86s0-.25,0-.38,0-.41,0-.61,0-.2,0-.3,0-.42,0-.63,0-.42,0-.62,0-.16,0-.24,0-.33,0-.49,0-.21,0-.3,0-.24,0-.36,0-.25,0-.37,0-.24,0-.36,0-.21,0-.31a68,68,0,0,1-.16-11.64l1.4-17.52a33.85,33.85,0,0,0,11.32-6s.89-26.13,3.57-46.81a77,77,0,0,0-26.83-69.22c-1.8-1.49-3.67-2.92-5.62-4.25a34.88,34.88,0,0,0,.84-4.3,25.69,25.69,0,0,1,3.18-4.57c1.68-1.66,4-2.61,5.92-4,4.19-3.13,6-8.23,7.2-13.11,2.46-10,3.17-20.87-1-30.39s-14.31-17.29-25.34-16.79c-3.38.15-6.68,1-10,1.39-8.78.89-17.47-2-26.28-2.53a15.11,15.11,0,0,0-7.53,1,13.7,13.7,0,0,0-4.53,4,42.61,42.61,0,0,0-8.08,17.77c-1.08,4.87-1.08,9.28-7.11,10-6.79.85-28.58-3.71-24,10.65,2.19,6.79,12.7,7,18.09,12,2.8,2.6,4.09,6.44,7.17,8.76l.12.08c-14,.21-37.11,5.75-50.73,36.74-20.54,46.76-32.87,62-49.31,74.21-15.64,11.61-22.91,49-23.58,52.58-4.33,10.93-6.69,31,7.14,64.32,11.72,28.25,21.92,47.48,29.11,61.93l-1.41-.13a80.64,80.64,0,0,1-8.94-1.19c-11.59-2.2-40.8-6.8-48.66,1-9.87,9.76-6.58,26.85,19.73,29.29a149.68,149.68,0,0,0,18.09.42v42.85l-.57.35,0,0c-5.15,3.07-10.11,5.82-13.45,7.63l-1.22.66a28,28,0,0,1-2.4-5L396,565.81,409.48,577l-13.71,14.17c-.43-.38-.85-.77-1.28-1.15a121.14,121.14,0,0,0-79-29.08c-66.75,0-120.85,53.55-120.85,119.6s54.11,119.6,120.85,119.6c59.78,0,109.42-43,119.13-99.38,23,1.71,44.38,2.23,58.42.18v13.78h61.63V698.06l1.54-.1c27.73-2,13.35-14.23,13.35-14.23-6.36,0-13.36-3.54-18.28-6.63-1.73-1.09-3.51-2.08-5.33-3a25.77,25.77,0,0,0-1.43-17.84l140.57-145,21.48,59.4-1.43.59c-42.79,18.4-72.72,60.61-72.72,109.74,0,66.06,54.11,119.6,120.85,119.6S874.13,747,874.13,681,820,561.35,753.28,561.35Zm6.44,209.26-5-77.19a13.16,13.16,0,0,0,2.71-.68l41.3,65.89A91.37,91.37,0,0,1,759.72,770.61Zm-80.61-36.88,63.25-45.37.12.16-25.94,74.89A91.42,91.42,0,0,1,679.11,733.73Zm116.6-132.93L761,669.43a13.15,13.15,0,0,0-5.75-3.12l-.84-2.59,2.39-73.4A91.47,91.47,0,0,1,795.71,600.79ZM752.58,658l-21.14-65.23a92.43,92.43,0,0,1,21.42-2.51l1.92,0ZM715,598.37c.47-.21,1-.4,1.42-.61L742.5,670A13,13,0,0,0,740,673.6l-66.86-37.1A90.43,90.43,0,0,1,681.75,624l7.46-8.11A91.47,91.47,0,0,1,715,598.37Zm-42.75,39.91,67.14,37.26a12.87,12.87,0,0,0-.46,3.38c0,.17,0,.34,0,.51l-77.26-1.36A89.11,89.11,0,0,1,672.21,638.29Zm93.73,40.87L840,653.62a89.69,89.69,0,0,1-10.05,75.29l-65.88-41.55a12.84,12.84,0,0,0,2-6.81A13,13,0,0,0,765.94,679.16Zm73.42-27.47-73.81,25.46a27,27,0,0,0-3-6.09l35-69.29A90.82,90.82,0,0,1,839.36,651.69ZM665.61,457.38l5.19,14.34L581.28,499.3l-.93-18.49,51-15a11.2,11.2,0,0,1-.21,3.42,30.46,30.46,0,0,0,3.47-4.38l30.42-8.94ZM321.93,770.18l-5-77a13.27,13.27,0,0,0,3-.39l41,65.47A91.38,91.38,0,0,1,321.93,770.18Zm-80.61-36.86L304.57,688l.12.16L278.75,763A91.42,91.42,0,0,1,241.32,733.32Zm-17.47-55.66a89.11,89.11,0,0,1,10.56-39.78l68.28,37.89A12.81,12.81,0,0,0,302,679Zm134.07-77.27L326.29,663l-4.84,5a13.22,13.22,0,0,0-4.73-.88h-.19L319,589.92A91.43,91.43,0,0,1,357.92,600.39Zm30.26,25.7a89.58,89.58,0,0,1,13.38,25.19l-66.49,22.93Zm-56.95,51.6,71-24.47q1,3.31,1.84,6.73c.12.52.23,1,.34,1.55-31.91,6.63-61.67,13.95-74.12,17.08Zm-16.76-10.54a13.19,13.19,0,0,0-5.67,1.54L281.91,596a91.85,91.85,0,0,1,33.16-6.15c.64,0,1.28,0,1.92,0ZM307,669.85a13.1,13.1,0,0,0-3.52,4.05L235.4,636.09A90.44,90.44,0,0,1,244,623.56l7.48-8.14A91.45,91.45,0,0,1,280,596.74ZM404.52,698a89.23,89.23,0,0,1-12.38,30.49l-64.66-40.78C340.67,689.81,371.71,694.51,404.52,698Zm28.87-43.8a118.59,118.59,0,0,0-23.26-48l3.17-2.87,27.56,26.91v24.28q-3.54.61-7.13,1.26C433.62,655.25,433.52,654.73,433.4,654.21Zm7.47-51.11-.6-.58.6.49Zm21.38-35.23.07-.05,1.51-1,.67-.45.74-.49.84-.55.78-.5.95-.61.79-.5,1.16-.72.71-.44,1.24-.75A48.3,48.3,0,0,0,475.06,575l.39,35.83a67.76,67.76,0,0,1-13.21-22.31Zm114.61-157c2.43,2.16,4,3.5,4,3.5S586,419,591.86,425c-5.21,0-10.05,0-14.3.11Zm1.79,35.65c8.35.29,19.21.58,30.77.66.08.25.16.5.21.73a54.61,54.61,0,0,1,6.91,2.66l-37.06,12.58Zm9.42-65.7s-7.63-20-16.94-35.12c4.91-14.38,14.06-29.59,31.15-36.33l-.12,1.37-.06.74c-.54,6.31-1.16,14-1.69,21.9l0,.46q-.09,1.41-.19,2.83l0,.49-.07,1.16-.07,1.14-.06,1q-.06,1-.12,2l0,.57q0,.86-.09,1.72l0,.67q-.05,1-.1,2.06v.12q-.06,1.15-.1,2.28v.34q0,1-.08,2.08v.16q-.09,2.29-.14,4.47v.16c0,1.45-.06,2.85-.08,4.2v.12c0,1.36,0,2.66,0,3.89v0q0,.89,0,1.74v.11c0,1.12.07,2.17.13,3.14v.18c.06.94.14,1.81.23,2.58l0,.18q.06.49.13.93l0,.16c.06.32.11.63.18.9l0,.11c.05.23.11.44.17.63l.05.17a4.68,4.68,0,0,0,.23.57c1.71,3.38,2.53,13.78,2.9,24.79C594.51,390.1,588.05,380.79,588.05,380.79ZM462.24,649.56V620.73l13.44,11.14h0l.19,17.71c-4.3.42-8.87,1-13.64,1.62Zm0-149.72c3.48-.44,6.9-1,10.21-1.54a30.87,30.87,0,0,1,.56,7.52v15.25l.69,0a134.67,134.67,0,0,0-11.46,8.13V499.85ZM375.3,612.33,331.09,658l28.62-56.65A91.41,91.41,0,0,1,374,611.19C374.45,611.56,374.87,612,375.3,612.33ZM223.82,680.14c0-.15,0-.3,0-.45L302,681.07a12.83,12.83,0,0,0,1.49,5.17l-63.33,45.43A89.25,89.25,0,0,1,223.82,680.14Zm91.26,90.31a91.8,91.8,0,0,1-34.43-6.66l25.63-74a13.16,13.16,0,0,0,8.6,3.35l5,77.17C318.29,770.4,316.69,770.45,315.08,770.45Zm47.62-13.28L321.91,692.1a13.18,13.18,0,0,0,4.19-2.84L391,730.2A91.3,91.3,0,0,1,362.7,757.17ZM527.88,642.1a26.56,26.56,0,0,0-7.27-1l-.82,0-.82,0A26.41,26.41,0,0,0,507,643.93c-1.74-10.74-2.62-24.42,1.27-34.95a113.13,113.13,0,0,0,5.2-19.59l8.35-47.22,155.37-52.72,1.9,5.26Zm133.73,38.45c0-.15,0-.3,0-.45l77.53,1.37a38.09,38.09,0,0,0,2.1,5.18l-63.33,45.43A89.25,89.25,0,0,1,661.61,680.55Zm91.26,90.31a91.8,91.8,0,0,1-34.43-6.66l25.63-74a13.16,13.16,0,0,0,8.6,3.35l5,77.18Q755.28,770.86,752.87,770.86Zm47.63-13.27-41.19-65.7a13.18,13.18,0,0,0,3.54-2.88l66,41.61A91.33,91.33,0,0,1,800.5,757.59Z"
transform="translate(-71.15 -57.51)"
fill="url(#3bf67c77-6062-4f06-9d7e-238f26074c0d)"
/>
<path
d="M752.57,774.9,746.31,677l-.13-.21-6.32,2.2L710.77,763.8,664.52,731l73.69-53.41.07-.21.42-.15,4.75-3.45-77.24-43.31-18.93,20.8,3,19.5,88.8,1.58,0,2-90.48-1.62-3.4-22.11,25.89-28.45L709.81,577l.69,1.87,8.2-9,30.54,5.47,0-1.21,2,.06,0,1.51,45.36,8.12-42.33,84.65-6.17,4.47,0,.5,0,.56,97.81-34.08-11.61,91.21-83-52.87-2.92-1.64,48.94,78.89Zm-4-94.34,5.85,91.38,40.05-17.38ZM668,731l41.79,29.63,27.34-79.74Zm82.32-55.66,2.09,1.17,80.35,51.2,10.8-84.87Zm-7.1-7.2,2.51,4.05.44-.32,3-94.53L719.43,572l-8.16,9Zm-75.39-39.05,74.84,42-1.3-2.13-31.58-86.27-37.2,40.88Zm83.37-51.39-3,92.69,4.52-3.28,40.91-81.82Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<path
d="M326.38,774.5l-6.27-97.94-.13-.21-6.32,2.2L284.58,763.4l-46.25-32.79L312,677.2l.07-.21.42-.15,4.75-3.45L240,630.08l-18.92,20.8,3,19.5L312.9,672l0,2-90.48-1.62L219,650.24l25.9-28.46,38.75-45.2.69,1.87,8.2-9L323,574.91l0-1.21,2,.06,0,1.51,45.36,8.12L328.07,668l-6.17,4.47,0,.5,0,.56,97.8-34.08-11.61,91.21-83-52.87-2.92-1.64,48.94,78.88Zm-4-94.34,5.85,91.38,40.05-17.38Zm-80.58,50.43,41.79,29.63,27.34-79.74Zm82.32-55.66,2.09,1.17,80.35,51.2,10.8-84.87Zm-7.1-7.2,2.51,4.05.44-.32,3-94.53-29.74-5.32-8.16,9ZM241.6,628.67l74.84,42-1.3-2.13-31.58-86.27-37.19,40.87ZM325,577.28,322,670l4.52-3.28,40.91-81.82Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<rect
x={400.13}
y={588}
width={60}
height={19}
transform="translate(472.5 -187.42) rotate(44.62)"
fill={props.primaryColor}
/>
<rect
x={400.13}
y={588}
width={60}
height={19}
transform="translate(472.5 -187.42) rotate(44.62)"
opacity={0.1}
/>
<path
d="M425.63,549.5S450.42,536.42,460,528a130.4,130.4,0,0,1,18.53-13.53l31.1-18.93,65-5,3,11s5,16-45,30-75,36-75,36S425.63,578.5,425.63,549.5Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M460.28,565.37c-1.77,1.35-2.65,2.13-2.65,2.13s-32,11-32-18c0,0,1.55-.82,4-2.19a27.67,27.67,0,0,0,23.58,13.19h3.39Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M576.69,507.06c-2.78,5.89-12.37,15.57-44.06,24.44-40.61,11.37-64.73,28-72.35,33.87-1.77,1.35-2.65,2.13-2.65,2.13s-32,11-32-18c0,0,1.55-.82,4-2.19,7.43-4.07,23.16-13,30.34-19.35a130,130,0,0,1,18.53-13.53l31.1-18.93,11.58-.89,53.42-4.11,3,11S578.3,503.65,576.69,507.06Z"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<path
d="M426.13,543l-26.5,17.5,77.6,65s11.4-7,5.4-15c0,0-20-17-21-41l-6-8h-3.39A27.67,27.67,0,0,1,426.13,543Z"
transform="translate(-71.15 -57.51)"
fill="#abb1d1"
/>
<path
d="M576.69,507.06c-16-7.73-55.06-8.56-55.06-8.56l-.42-3.89,53.42-4.11,3,11S578.3,503.65,576.69,507.06Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M521.63,496.5s47,1,59,11l-6-121h-65Z"
transform="translate(-71.15 -57.51)"
fill="#abb1d1"
/>
<path
d="M521.63,496s47,1,59,11l-6-121h-65Z"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<path
d="M747.48,556.12a117.49,117.49,0,0,0-31.41,4.24,115.57,115.57,0,0,0-15.46,5.47,117.7,117.7,0,1,0,46.86-9.71Zm-.4,206.09a88.86,88.86,0,0,1-36.9-169.68,87.78,87.78,0,0,1,14.56-5.17,88.85,88.85,0,1,1,22.35,174.85Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<path
d="M559.39,422.46s117.65-4,120.05,11.21-117.65,8.8-117.65,8.8S552.19,432.86,559.39,422.46Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<path
d="M559.39,422.46s117.65-4,120.05,11.21-117.65,8.8-117.65,8.8S552.19,432.86,559.39,422.46Z"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<circle
cx={409.81}
cy={689.1}
fill="none"
stroke="#c1272d"
strokeMiterlimit={10}
/>
<rect x={372.19} y={425.78} width={20.81} height={180.88} fill={props.primaryColor} />
<path
d="M464.15,483.28v13.93c-6.92.9-14,1.47-20.81,1.69V483.28Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M462.59,468.29a77.73,77.73,0,0,1-8.7-1.17c-11.28-2.16-39.72-6.69-47.37,1-9.6,9.6-6.4,26.41,19.21,28.81s69.63-4,78.44-13.61C504.17,483.28,488.24,470.26,462.59,468.29Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<polygon
points="387.4 475.4 605.9 407.37 613.1 424.18 389 501.01 387.4 475.4"
fill={props.primaryColor}
/>
<polygon
points="452.23 582.65 609.9 427.38 618.7 440.18 468.23 597.05 452.23 582.65"
fill={props.primaryColor}
/>
<path
d="M724.73,587.36a87.78,87.78,0,0,0-14.56,5.17l-9.56-26.71a115.57,115.57,0,0,1,15.46-5.47Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<polygon
points="680.33 608.26 669.13 614.66 590.99 396.33 587.49 386.56 605.9 376.15 610.51 390.53 680.33 608.26"
fill={props.primaryColor}
/>
<polygon
points="610.51 390.53 590.99 396.33 587.49 386.56 605.9 376.15 610.51 390.53"
opacity={0.1}
/>
<path
d="M562.59,464.88l109.65-37.62s19.21,2.4,12,18.41L573.8,478.48S557,480.08,562.59,464.88Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<path
d="M436.07,647.46a117.22,117.22,0,0,0-23.71-48.58,118.77,118.77,0,0,0-14.17-14.56,117.65,117.65,0,1,0,39.33,107.37,119.14,119.14,0,0,0,1.42-18.32A117.57,117.57,0,0,0,436.07,647.46ZM320.88,761.81A88.75,88.75,0,1,1,408.28,689,88.84,88.84,0,0,1,320.88,761.81Z"
transform="translate(-71.15 -57.51)"
fill="#535461"
/>
<path
d="M438.94,673.37a119.14,119.14,0,0,1-1.42,18.32C427.92,691,418,690,408.28,689a89.59,89.59,0,0,0-.79-35.88c9.47-2,19.14-3.91,28.58-5.64A117.57,117.57,0,0,1,438.94,673.37Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M464.15,642.89v21.27H443.34v-18C450.54,644.91,457.54,643.8,464.15,642.89Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M329.69,673s168.08-44,181.68-27.21S539.38,685,497,693s-170.48-13.61-170.48-13.61Z"
transform="translate(-71.15 -57.51)"
fill={props.primaryColor}
/>
<path
d="M412.36,598.88,391,618.43a89,89,0,0,0-12.76-13.28l19.94-20.83A118.77,118.77,0,0,1,412.36,598.88Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<polygon
points="252.94 606.66 378.59 475.4 382.6 505.81 259.34 618.66 252.94 606.66"
fill={props.primaryColor}
/>
<circle cx={251.34} cy={615.46} r={12.81} opacity={0.1} />
<circle cx={249.73} cy={615.46} r={12.81} fill="#535461" />
<circle cx={675.13} cy={614.26} r={12.81} opacity={0.1} />
<circle cx={675.93} cy={615.86} r={12.81} fill="#535461" />
<circle cx={448.22} cy={602.66} r={25.61} opacity={0.1} />
<circle cx={449.83} cy={602.66} r={25.61} fill="#535461" />
<rect
x={521.55}
y={653.57}
width={13.61}
height={47.54}
rx={6.8}
ry={6.8}
transform="translate(-371.55 393.76) rotate(-36.79)"
fill={props.primaryColor}
/>
<path
d="M636.63,304.5l-2.38,30.11a67.62,67.62,0,0,0,.15,11.45c.31,3.37,0,9.27-3.3,18.27a104.89,104.89,0,0,0-6.47,35.9V434.5l-23-4s1-48-3-56,3-79,3-79Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M635.45,319.42l-1.2,15.19a67.54,67.54,0,0,0,.16,11.44c.31,3.37,0,9.27-3.3,18.28a104.89,104.89,0,0,0-6.47,35.9V434.5l-23-4s1-48-3-56c-2.83-5.67-.15-42.94,1.66-64.21.75-8.75,1.34-14.79,1.34-14.79l35,9Z"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<path
d="M522.65,534.5,514,583.7A112.21,112.21,0,0,1,509,603c-5.07,13.86-1.83,33.29.63,43.89,1.09,4.68,2,7.64,2,7.64l-26,14-8-6,0-4-1-89c-6-14-4-35,0-43a33.9,33.9,0,0,0,2.38-8.22c2-10.72,2.62-25.78,2.62-25.78s16-27,35-9c7,6.63,9.66,15.3,10.22,23.6C527.83,521.34,522.65,534.5,522.65,534.5Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M526.85,507.1c-13.87,8.24-38,10.57-47.84,11.18,2-10.72,2.62-25.78,2.62-25.78s16-27,35-9C523.63,490.13,526.29,498.8,526.85,507.1Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M560.63,482.5a183,183,0,0,0-30,20c-16,13-56,14-56,14v-15c1-18-16-38-39-94-14.69-35.76-10.62-56-5.76-66,2.76-5.65,5.76-8,5.76-8l125,24,4.47,13.4,9.53,28.6s-35,2-41,5-2,30-2,30C525.63,462.5,560.63,482.5,560.63,482.5Z"
transform="translate(-71.15 -57.51)"
fill="#abb1d1"
/>
<path
d="M636.63,304.5l-1.18,14.92c-17.4,5-29.82-10.92-29.82-10.92a45.81,45.81,0,0,0-5.34,1.79c.75-8.75,1.34-14.79,1.34-14.79Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M565.1,370.9c-.47,4.67-.47,7.6-.47,7.6s-23,19-62-10-74-21-74-21,.41-2.32,1.24-6c2.76-5.65,5.76-8,5.76-8l125,24Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M650.11,265.45c-2.61,20.35-3.48,46-3.48,46-23,18-41-5-41-5-21.72,5.83-31.93,24.84-36.74,41.43a110.76,110.76,0,0,0-4.26,27.57s-6.08,5-17.28,6c-10.59.89-25.77-1.87-44.72-16-39-29-74-21-74-21s7-40,23-52,28-27,48-73,61-35,61-35,2-9,39,0A60.27,60.27,0,0,1,624,197.36C643.79,214,653.39,239.81,650.11,265.45Z"
transform="translate(-71.15 -57.51)"
fill="#fff"
/>
<path
d="M613,207c-.05,1.33-.16,2.81-.34,4.46-2,18-4,16-26,20-13.68,2.49-20.79-8.94-24.21-17.94a56.63,56.63,0,0,1-2.79-10.06l48-8S613.41,193.85,613,207Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M568.89,347.93a110.76,110.76,0,0,0-4.26,27.57s-6.08,5-17.28,6a9.32,9.32,0,0,1-.72-2c-2-9-17-25-17-25-10-9-12-25-12-25L501.13,281l-5.5-4.5s23-18,43-3,14,47,14,47l4,11C560.78,335,565,341.17,568.89,347.93Z"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<path
d="M498.63,275.5l22,53s2,16,12,25c0,0,15,16,17,25s30,33,30,33,26,24,28,33c0,0,24,7,21,21,0,0,18-18,0-35s-42-52-42-52-14-37-27-48l-4-11s6-32-14-47S498.63,275.5,498.63,275.5Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M511.63,654.5l-26,14-8-6,0-4a60.56,60.56,0,0,0,25.55-7.71c2.4-1.36,4.66-2.7,6.47-3.88C510.7,651.54,511.63,654.5,511.63,654.5Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M541.63,233.5l14,55s-43,7-52,0-26-9-26-9,18-52,28-58S541.63,233.5,541.63,233.5Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M541.63,231.5l14,55s-43,7-52,0-26-9-26-9,18-52,28-58S541.63,231.5,541.63,231.5Z"
transform="translate(-71.15 -57.51)"
fill="#fff"
/>
<path
d="M613,206a35,35,0,0,1-50.55,6.52,56.63,56.63,0,0,1-2.79-10.06l48-8S613.41,192.85,613,206Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M619.63,184.5a35,35,0,0,1-70,0c0-.58,0-1.16,0-1.74a35,35,0,0,1,70,1.74Z"
transform="translate(-71.15 -57.51)"
fill="#db8b8b"
/>
<path
d="M619.63,184.5a34.89,34.89,0,0,1-1.32,9.54,13.47,13.47,0,0,1-8.08-.74c-3.74-1.47-6.95-4-10.54-5.82-10.11-5.12-22.14-4.11-33.34-2.42-5.56.84-11.87,1.62-16.24-1.92a5.11,5.11,0,0,1-.43-.38,35,35,0,0,1,70,1.74Z"
transform="translate(-71.15 -57.51)"
opacity={0.1}
/>
<path
d="M524.31,162.85c2.13,6.68,12.36,6.89,17.61,11.81,2.73,2.56,4,6.34,7,8.62,4.17,3.18,10.19,2.48,15.5,1.72,10.69-1.52,22.17-2.43,31.81,2.18,3.42,1.63,6.49,3.91,10.06,5.24s8,1.49,10.9-.87c2.32-1.89,3.17-5,5.27-7.08,1.63-1.64,3.9-2.56,5.76-4,4.08-3.08,5.84-8.1,7-12.9,2.4-9.88,3.09-20.53-1-29.9s-13.93-17-24.67-16.51c-3.29.15-6.5,1-9.78,1.36-8.55.87-17-2-25.58-2.49a14.57,14.57,0,0,0-7.33,1,13.38,13.38,0,0,0-4.41,3.95,42.13,42.13,0,0,0-7.86,17.48c-1,4.79-1.05,9.13-6.92,9.87C541,153.21,519.8,148.72,524.31,162.85Z"
transform="translate(-71.15 -57.51)"
fill="#472727"
/>
<path
d="M456.13,292s26,7,34,25,29.64,21.29,29.64,21.29"
transform="translate(-71.15 -57.51)"
opacity={0.05}
/>
<rect x={422.98} y={630.49} width={60} height={19} fill={props.primaryColor} />
<rect x={422.98} y={630.49} width={60} height={19} opacity={0.1} />
<path
d="M503.14,652.74c5.37-3,10.08-6,10.49-7.24,0,0,13.55,14.3,25.62,18.74A60.39,60.39,0,0,1,550.84,670c4.78,3,11.6,6.53,17.79,6.53,0,0,14,12-13,14s-90-5-90-5l4-25h0A60.77,60.77,0,0,0,503.14,652.74Z"
transform="translate(-71.15 -57.51)"
fill="#abb1d1"
/>
</svg>
);
UndrawRideABicycle.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawRideABicycle.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawRideABicycle;