react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
258 lines (252 loc) • 20.2 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
const UndrawGrowing = props => (
<svg className={props.class} id='e9df7128-f90d-48f2-af2a-c80f8452c1a7' dataName='Layer 1' xmlns='http://www.w3.org/2000/svg'
xmlnsXlink='http://www.w3.org/1999/xlink' style={{height:props.height,width:'100%'}}
viewBox='0 0 882.5 686.51'>
<defs>
<linearGradient id="6291c723-99b1-4c03-941d-496de5831e5b" x1="132.79"
y1="581.52" x2="132.79" y2="535.49" 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="d71a292b-8820-41bb-9dc7-f2a60c9bc3ee" x1="226.07"
y1="494.3" x2="226.07" y2="448.27" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="b07f20a8-6543-470a-b5cb-0fb096405c43" x1="314.17"
y1="438.58" x2="314.17" y2="392.55" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="6aa14577-3b42-4412-9e15-884b541593a4" x1="405.91"
y1="355" x2="405.91" y2="308.96" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="1a6e75f4-7702-493f-91f8-23b75c57202e" x1="499.84"
y1="317.44" x2="499.84" y2="271.41" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="69f09af1-cb6e-46b3-b82f-41ad580f3435" x1="588.96"
y1="317.44" x2="588.96" y2="271.41" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="7e3938da-b13a-4438-a481-60c575731d4d" x1="682.18"
y1="196.31" x2="682.18" y2="150.27" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="877f8c01-43d1-4197-b7a7-c36397a45ebe" x1="772.15"
y1="89.71" x2="772.15" y2="43.67" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="10bcfed7-88a8-49e0-b2e6-536eb8b38eb5" x1="1136.24"
y1="225.44" x2="1136.24" y2="88.25" gradientTransform="rotate(-2.32 4761.632 8999.205)"
xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b" />
<linearGradient id="4ff5d749-7ea3-4c65-a2ea-5005e9b55377" x1="274.12"
y1="785.99" x2="274.12" y2="634.59" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
<linearGradient id="89b43f60-1d31-4d7f-abff-96bbef0aad5c" x1="417.52"
y1="546.79" x2="417.52" y2="416.57" xlinkHref="#6291c723-99b1-4c03-941d-496de5831e5b"
/>
</defs>
<polygon points="130.53 660.4 130.53 573.19 215.74 485.97 292.09 430.25 371.76 346.66 465.82 309.11 586.43 309.11 686.02 187.97 772.33 81.37 772.33 660.4 130.53 660.4"
fill="#eceff1" opacity="0.2" />
<g opacity="0.2">
<line x1="132.79" y1="558.51" x2="132.79" y2="645.72" fill={props.primaryColor} />
<line x1="132.79" y1="558.51" x2="132.79" y2="564.51" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="132.79" y1="575.25" x2="132.79" y2="634.35" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="10.75 10.75" />
<line x1="132.79" y1="639.72" x2="132.79" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="226.07" y1="471.29" x2="226.07" y2="645.72" fill={props.primaryColor} />
<line x1="226.07" y1="471.29" x2="226.07" y2="477.29" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="226.07" y1="489.78" x2="226.07" y2="633.48" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="12.5 12.5" />
<line x1="226.07" y1="639.72" x2="226.07" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="314.17" y1="415.56" x2="314.17" y2="645.72" fill={props.primaryColor} />
<line x1="314.17" y1="415.56" x2="314.17" y2="421.56" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="314.17" y1="433.05" x2="314.17" y2="633.98" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="11.48 11.48" />
<line x1="314.17" y1="639.72" x2="314.17" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="405.91" y1="331.98" x2="405.91" y2="645.72" fill={props.primaryColor} />
<line x1="405.91" y1="331.98" x2="405.91" y2="337.98" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="405.91" y1="350.05" x2="405.91" y2="633.69" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="12.07 12.07" />
<line x1="405.91" y1="639.72" x2="405.91" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="499.84" y1="294.43" x2="499.84" y2="645.72" fill={props.primaryColor} />
<line x1="499.84" y1="294.43" x2="499.84" y2="300.43" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="499.84" y1="312.13" x2="499.84" y2="633.87" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="11.7 11.7" />
<line x1="499.84" y1="639.72" x2="499.84" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="588.96" y1="294.43" x2="588.96" y2="645.72" fill={props.primaryColor} />
<line x1="588.96" y1="294.43" x2="588.96" y2="300.43" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="588.96" y1="312.13" x2="588.96" y2="633.87" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="11.7 11.7" />
<line x1="588.96" y1="639.72" x2="588.96" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="682.18" y1="173.29" x2="682.18" y2="645.72" fill={props.primaryColor} />
<line x1="682.18" y1="173.29" x2="682.18" y2="179.29" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="682.18" y1="191.1" x2="682.18" y2="633.82" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="11.81 11.81" />
<line x1="682.18" y1="639.72" x2="682.18" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="772.15" y1="66.69" x2="772.15" y2="645.72" fill={props.primaryColor} />
<line x1="772.15" y1="66.69" x2="772.15" y2="72.69" fill="none" stroke="#00f"
strokeMiterlimit="10" />
<line x1="772.15" y1="84.75" x2="772.15" y2="633.69" fill="none" stroke="#00f"
strokeMiterlimit="10" strokeDasharray="12.06 12.06" />
<line x1="772.15" y1="639.72" x2="772.15" y2="645.72" fill="none" stroke="#00f"
strokeMiterlimit="10" />
</g>
<circle cx="132.79" cy="558.51" r="23.02" fill="url(#6291c723-99b1-4c03-941d-496de5831e5b)"
/>
<circle cx="226.07" cy="471.29" r="23.02" fill="url(#d71a292b-8820-41bb-9dc7-f2a60c9bc3ee)"
/>
<circle cx="314.17" cy="415.56" r="23.02" fill="url(#b07f20a8-6543-470a-b5cb-0fb096405c43)"
/>
<circle cx="405.91" cy="331.98" r="23.02" fill="url(#6aa14577-3b42-4412-9e15-884b541593a4)"
/>
<circle cx="499.84" cy="294.43" r="23.02" fill="url(#1a6e75f4-7702-493f-91f8-23b75c57202e)"
/>
<circle cx="588.96" cy="294.43" r="23.02" fill="url(#69f09af1-cb6e-46b3-b82f-41ad580f3435)"
/>
<circle cx="682.18" cy="173.29" r="23.02" fill="url(#7e3938da-b13a-4438-a481-60c575731d4d)"
/>
<circle cx="772.15" cy="66.69" r="23.02" fill="url(#877f8c01-43d1-4197-b7a7-c36397a45ebe)"
/>
<circle cx="132.79" cy="558.51" r="18.17" fill={props.primaryColor} />
<circle cx="226.07" cy="471.29" r="18.17" fill={props.primaryColor} />
<circle cx="314.17" cy="415.56" r="18.17" fill={props.primaryColor} />
<circle cx="405.91" cy="331.98" r="18.17" fill={props.primaryColor} />
<circle cx="499.84" cy="294.43" r="18.17" fill={props.primaryColor} />
<circle cx="588.96" cy="294.43" r="18.17" fill={props.primaryColor} />
<circle cx="682.18" cy="173.29" r="18.17" fill={props.primaryColor} />
<circle cx="772.15" cy="66.69" r="18.17" fill={props.primaryColor} />
<path d="M827.92,268.54c-3.72-2.27-21.51,6.93-27.51,8.38-4.39,1.07-14.17-2.85-19.09-5l.09-.87s-2.77-2.54-6.11-2.3c2.77-3,4.74-8.79,4.79-14.44l6-1s-10.27-18.6-20.92-6.84a5,5,0,0,0-2.32-2.42c-1.94-.78-4,.58-5.57,2s-3.14,3.15-5.23,3.17a.72.72,0,0,1-.44-.1.83.83,0,0,1-.24-.64,12.09,12.09,0,0,0-1.58-5.09c-2.95,2-3.63,6-3.91,9.6a1.29,1.29,0,0,0,.06.64,1.27,1.27,0,0,0,.62.53c1.87,1,4.1,1.67,6,.86,2.33-1,3.45-3.77,5.74-4.83a4.61,4.61,0,0,1,4,.13c-5.11,8.73.52,13.53,4.37,15.63a11.45,11.45,0,0,0,.69,1.83c-4.22-1.49-11-1.41-17.28,9.35l1.92.4-18.24,29.93s-3.48,3.77-2.17,6.14,7.25-.29,7.06-5.13c-.09-2.15,4-8.54,8.49-15L745,297.94a45.17,45.17,0,0,0,4.61,3c-3,4.55-5.66,12.33,4.15,19.09l2.61,4.74s1.25-.61,3.07-1.38l.62.88c1.75,2.74.66.93.66.93l12.1,17.06s-15.68,13.41-14.81,23l-2.87.12a3.89,3.89,0,0,0-3.58,5s13.84,12.76,17.32,9-2.66-5.95-2.66-5.95l-.15-3.63-.26-.16c1.83-4.43,12.67-23.63,14.31-26.45,2.25-3.88-1.08-10.11-4.83-18.5l13.57-.49s2.7,21.37,11.62,25.31l.16-.08L799,352.14a3.89,3.89,0,0,0,2.32,5.68s18.16-4.93,16.82-9.88-6.45-.91-6.45-.91l-3.15-1.8-.42.21c-1.84-2.68-14.51-24.26-14.54-26.9s-13.73-5.87-23.53-6.83l-1.18-5.64a19.42,19.42,0,0,0,4.2-.79s-6.53-11.84-5.42-14.31,9.72.82,6.86-10l6-1.45,0-.24,16.3,6a13,13,0,0,0,12-1.56l10.89-7.64C829.57,279.37,831.64,270.81,827.92,268.54Z"
transform="translate(-168 -94.27)" fill="url(#10bcfed7-88a8-49e0-b2e6-536eb8b38eb5)"
/>
<path d="M769.21,273.41a57.33,57.33,0,0,1,2-8.35c1.12-3,5,1.87,5,1.87l-.63,7.73Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<circle cx="772.39" cy="260.38" r="9.04" transform="rotate(-24.42 470.48 601.417)"
fill={props.skinColor} />
<path d="M764.12,324.21l24.26-.87s2.54,20.09,10.92,23.8l7.41-3.51s-13.08-21.31-13.85-25.55c-.61-3.36-27.89-8.78-29.65-5.85-1.12,1.86-1.6,6.24-1.81,9.19A2.62,2.62,0,0,0,764.12,324.21Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M776.89,275.2a3.39,3.39,0,0,1,4.1-1.1c4.51,2,14,5.88,18.27,4.85,5.64-1.37,22.36-10,25.86-7.88,3.32,2,1.73,9.38-6.34,7.52a3.33,3.33,0,0,0-2.65.54l-7.79,5.46a14.91,14.91,0,0,1-13.74,1.78l-16.17-6a3.4,3.4,0,0,1-1.56-5.2Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M755.89,276.16l-19.21,31.51s-3.27,3.55-2,5.77,6.82-.28,6.63-4.82,19.3-29.24,19.3-29.24Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M757.6,318.2l15.7,22.13s-15.4,13.15-13.9,22.19l7,4.27s12.55-23,13.76-25.6c1.44-3.09-8-28.13-11.38-28S757.6,318.2,757.6,318.2Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M785.84,256.73s-11.06-20-21.78-3.67c-8.12,12.41,6.37,16.81,6.37,16.81l3.13-7-2.46-4.45,5.54-3.64.14,3.41Z"
transform="translate(-168 -94.27)" fill="#e96857" />
<path d="M766.56,251a5.72,5.72,0,0,0-2.57-3c-1.82-.74-3.81.55-5.23,1.9s-2.95,3-4.91,3a.68.68,0,0,1-.41-.09.78.78,0,0,1-.22-.6,11.37,11.37,0,0,0-1.49-4.79c-2.77,1.91-3.42,5.67-3.67,9a1.22,1.22,0,0,0,.06.6,1.19,1.19,0,0,0,.58.49c1.76.91,3.86,1.57,5.68.81,2.19-.91,3.25-3.54,5.39-4.54a4.35,4.35,0,0,1,4.31.42c.92.67,1.77,1.78,2.9,1.61C769.72,255.45,767.05,252,766.56,251Z"
transform="translate(-168 -94.27)" fill="#e96857" />
<path d="M754.5,297.84s-13.18,11.92.88,21.59l2.46,4.45s12-4.79,16.61-3.83l-6.21-20.49Z"
transform="translate(-168 -94.27)" fill="#e96a59" />
<path d="M768.38,270.41C764.42,269,758,269,752,279.16l4.59,1-9.49,18.6s14.1,10.81,26.46,6.89c0,0-6.14-11.13-5.1-13.45s9.14.77,6.45-9.37l5.64-1.37.81-8s-2.76-2.54-6-2.15A15.1,15.1,0,0,1,768.38,270.41Z"
transform="translate(-168 -94.27)" fill={props.secondaryColor} />
<path d="M759.94,361.93l-3.27.13a3.66,3.66,0,0,0-3.36,4.69h0s13,12,16.28,8.45-2.5-5.59-2.5-5.59l-.14-3.41Z"
transform="translate(-168 -94.27)" fill={props.secondaryColor} />
<path d="M799.59,346.82,798,349.66a3.66,3.66,0,0,0,2.18,5.34h0s17.07-4.63,15.81-9.29-6.06-.85-6.06-.85l-3-1.7Z"
transform="translate(-168 -94.27)" fill={props.secondaryColor} />
<path d="M772.84,259.49c1,1.27,1.57,2.84,1.29,3.51s-1.3.17-2.29-1.1-1.57-2.83-1.29-3.5S771.85,258.22,772.84,259.49Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<line x1="37.16" x2="37.16" y2="711.45" fill="none" stroke={props.accentColor} strokeMiterlimit="10"
strokeWidth="2" />
<line y1="673.35" x2="864" y2="673.35" fill="none" stroke={props.accentColor} strokeMiterlimit="10"
strokeWidth="2" />
<path d="M290.27,772,287,767l3.6-27.25a60.36,60.36,0,0,0-6.47-8.25,60.66,60.66,0,0,1-1-10.21,138.45,138.45,0,0,0-4.49-19.2l5.67,1.55,8.24-20v-4.71l3.53-2.35s-4.71-7.06-9.42,0c0,0,1.18,4.71,0,7.06s-4.71,10.6-4.71,10.6h-3l.64-3.53h-6.16c-.3-.42-.6-.82-.91-1.18l4.71-10.6L275,677.2l8.09-10.12,1.18-21.19c4.68-1.56,5.74-6.22,5.93-9.19a2,2,0,0,0-2.51-2c-10.16,2.6-8.12,7.71-8.12,7.71l-3.53,20L271.21,670a10.59,10.59,0,0,0-6-7.86l2.66-3.32a21.38,21.38,0,0,0-11.72.57c-10.55,4-10.53,19.35,0,23.4a10.56,10.56,0,0,0,4.65.76v-1.18l.44,0c-.18,1.1-.35,2.33-.44,3.55h0c-2.35,0-2.35,13,1.18,15.3l-1.18,13v7.06c2.35,5.89,7.06,5.89,7.06,5.89l3.53,16.48a6.12,6.12,0,0,0,4.14.12l.57,4.58s-10.6,8.24-10.6,20l-.39.77-.79-.77-7.06,5.89L266.66,786h9.42c2.35-5.89-7.06-7.06-7.06-7.06l0-6.05h0l10.47-12.43a20.36,20.36,0,0,0,2.15,4.55l.09.86-1.08-.22-2.78,8.76,5.36,1.82a19.6,19.6,0,0,0,16.85-2C298.84,767.95,290.27,772,290.27,772Z"
transform="translate(-168 -94.27)" fill="url(#4ff5d749-7ea3-4c65-a2ea-5005e9b55377)"
/>
<path d="M266.91,683.59s-2.56,10.74,0,12.27l7.67-4.6-5.11-9.72Z" transform="translate(-168 -94.27)"
fill={props.skinColor} />
<path d="M299.71,681.28s-4.52-6.77-9,0c0,0,1.13,4.52,0,6.77s-4.52,10.16-4.52,10.16H276v5.64l12.42,3.39,7.9-19.19v-4.52Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<polygon points="115.9 600.55 113.64 612.97 104.61 610.71 104.61 600.55 115.9 600.55"
fill="#5989a1" />
<circle cx="97.84" cy="582.49" r="10.16" fill={props.skinColor} />
<path d="M263.58,675.63l9-11.29a20.5,20.5,0,0,0-11.24.54c-10.11,3.84-10.09,18.56,0,22.43a10.12,10.12,0,0,0,4.46.73v-6.77h-3.39Z"
transform="translate(-168 -94.27)" fill="#fccc63" />
<path d="M288.42,651.93l-1.13,20.32-9,11.29-5.64-3.39,7.9-12.42,3.39-19.19s-2-4.89,7.79-7.39a1.92,1.92,0,0,1,2.41,2C293.92,646,292.9,650.43,288.42,651.93Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M278.22,737.49l5.81,7s-4.31,12.13,1.77,21.64l.26,2.51,4.68,1,3.68-27.8s-6.68-10.47-11.36-11.5Z"
transform="translate(-168 -94.27)" fill="#b98b82" />
<path d="M291,768l3.16,4.86s8.22-3.91,9.35,2.06h0a18.79,18.79,0,0,1-16.16,2l-5.14-1.75,2.67-8.4Z"
transform="translate(-168 -94.27)" fill="#3d203c" />
<path d="M279.39,741.11l1.13,9s-10.16,7.9-10.16,19.19l-1.13,2.26,3.39,3.39,18.06-21.45s0-12.42-3.39-15.8Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M273.7,773.69l0,5.8s9,1.13,6.77,6.77h-9l-9-11.29,6.77-5.64Z"
transform="translate(-168 -94.27)" fill="#3d203c" />
<path d="M290.67,740s-10.16,7.9-14.68,5.64l-3.39-15.8s-4.52,0-6.77-5.64V717.4l21.45,6.77S287.29,736.59,290.67,740Z"
transform="translate(-168 -94.27)" fill="#3d203c" />
<path d="M281.64,683.53l-9-6.77s-4.52,13.55-6.77,13.55S263.58,702.73,267,705l-1.13,12.42,21.45,6.77s-3.39-22.58-10.16-30.48Z"
transform="translate(-168 -94.27)" fill={props.secondaryColor} />
<path d="M453.57,494.68s-1.42.65-2.4-1.48l-2.84,1.31-1.47-3.2,1.78-.82L442,466.85s.17-5.24-3.66-6.06c0,0-2.08-.77-10.21,2.12-3.41,1.21-6.13,2.26-8.16,3.07-1.77-1.6-5.66-5.78-5.74-11.73a9,9,0,0,0-1.16-4.16l5-1.5-.11-.24,14.64-5.6c.65,1.42,7.37-.82,8.85-3.22.68-1.1-.43-1.74-1.82-2.12a10,10,0,0,0-6,.3L416,444.07l-.21-.45a5.22,5.22,0,0,1-2.28.88l-1-.69,6.69-10.68c1.38.74,5.4-5.09,5.13-7.89-.12-1.29-1.39-1.14-2.73-.6a10,10,0,0,0-4.58,3.83l-8.34,12.71L407.07,440l-1.19,3.2a23.72,23.72,0,0,0-5.5-2.31L398,435.75a8.59,8.59,0,0,0,.75-13.45,27,27,0,0,1,4.86-1.46s-14-11.64-20.76,3.54c0,0,0,.16,0,.43-.28.13-.54.26-.76.34l-5.75,2.19a8.28,8.28,0,0,0-1.22.54,7.79,7.79,0,0,0-1.62,1.37,4.31,4.31,0,0,0-.9,1.18,3,3,0,0,0,.51,3,8.92,8.92,0,0,0,2.42,2l2.43,1.57a3.08,3.08,0,0,1,1.6,1.81c.22-1.79-.54-3.54-1.23-5.21a3.81,3.81,0,0,1-.4-2.5,3.59,3.59,0,0,1,2-1.9,21.46,21.46,0,0,1,3.09-1.3c.43,3.9,2,9.79,7.69,10.7l1.8,3.9c-1.08,1.66-1.29,4.6,1.91,9.75l7.86,17,.67.1c-.51,2.57-1.14,9.65,6.62,12.17L406,511.31s-14.17,18.47-11.61,22.3h.84l-.91,2.91-3.26-.69-1.46,6.88,19.12,4.06s1.9-5.19-6.67-6.21c0,0-1.53-.32-1-2.62l-2.08-.44,1.21-3.89h0s12.22-13.35,14.78-24.86c2-8.8,6.15-25.08,8-32.25l10.91-5s7.09,19.12,8.4,22l.36-.16,1.47,3.2-2.13,1,2.95,6.39,17.75-8.18S461.06,490.37,453.57,494.68Z"
transform="translate(-168 -94.27)" fill="url(#89b43f60-1d31-4d7f-abff-96bbef0aad5c)"
/>
<rect x="442.61" y="491.5" width="4.59" height="4.59" transform="rotate(-24.75 145.987 829.456)"
fill={props.skinColor} />
<rect x="395.7" y="528.8" width="4.59" height="8.02" transform="rotate(17.34 623.04 -65.31)"
fill={props.skinColor} />
<circle cx="393.59" cy="429.93" r="8.41" transform="rotate(-24.75 94.67 765.6)"
fill={props.skinColor} />
<rect x="392.01" y="433.76" width="7.64" height="12.99" transform="rotate(-24.75 96.922 775.912)"
fill={props.skinColor} />
<path d="M415,445.31l18.37-6.59a9.78,9.78,0,0,1,5.82-.3c1.36.37,2.44,1,1.78,2.07-1.44,2.35-8,4.53-8.65,3.14l-16.1,6.16Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<path d="M403.47,468.71s-3.42,10.83,7.79,13.24l22.21-10.24s6.93,18.68,8.21,21.46l6.25-2.88-6.45-23.11s.16-5.12-3.57-5.93c0,0-2-.75-10,2.08s-12.12,4.74-12.12,4.74Z"
transform="translate(-168 -94.27)" fill="#5f98be" />
<path d="M403.93,422.22s-13.66-11.38-20.28,3.46c0,0-.75,13,8.11,13.93a17.3,17.3,0,0,0-1.12-7.9C389,428.25,397.73,423.39,403.93,422.22Z"
transform="translate(-168 -94.27)" fill="#3d213c" />
<path d="M377.27,428.57a8.1,8.1,0,0,0-1.19.53,7.61,7.61,0,0,0-1.58,1.34,4.21,4.21,0,0,0-.88,1.16,3,3,0,0,0,.5,2.9,8.72,8.72,0,0,0,2.36,2l2.38,1.54a3,3,0,0,1,1.57,1.77c.21-1.75-.53-3.46-1.2-5.09a3.73,3.73,0,0,1-.4-2.44,3.51,3.51,0,0,1,1.94-1.86,21,21,0,0,1,3.05-1.28,6.82,6.82,0,0,0,1.53-.62,1.89,1.89,0,0,0,.93-1.3,1.42,1.42,0,0,0-.92-1.46c-.72-.2-1.78.48-2.46.74Z"
transform="translate(-168 -94.27)" fill="#3d213c" />
<path d="M450.41,492.94l-9,4.16,2.88,6.25,17.35-8s-1.55-5.18-8.86-1C452.75,494.38,451.36,495,450.41,492.94Z"
transform="translate(-168 -94.27)" fill="#3d213c" />
<path d="M405.25,445.17s8.17,1.29,10.62-.69l2.24,4.86-10.36,3.09Z" transform="translate(-168 -94.27)"
fill={props.secondaryColor} />
<path d="M396.31,441.3s-7.9,1.12-1.39,11.58l7.68,16.66s11.9,2.09,18.2-2.5c0,0-6.35-4.65-6.45-12.17S402.82,440.82,396.31,441.3Z"
transform="translate(-168 -94.27)" fill={props.secondaryColor} />
<path d="M410,479.4l-3.75,31.24s-13.84,18-11.34,21.8h5.65s11.95-13,14.45-24.3,8.75-35,8.75-35Z"
transform="translate(-168 -94.27)" fill="#5f98be" />
<path d="M401.35,536.67l-9.72-2.06-1.43,6.73,18.69,4s1.86-5.07-6.52-6.07C402.37,539.23,400.87,538.91,401.35,536.67Z"
transform="translate(-168 -94.27)" fill="#3d213c" />
<path d="M406.38,446l10.71-16.32a9.78,9.78,0,0,1,4.47-3.74c1.31-.53,2.54-.67,2.66.58.26,2.74-3.67,8.44-5,7.72l-9.15,14.6Z"
transform="translate(-168 -94.27)" fill={props.skinColor} />
<polygon points="237.47 351.63 239.3 346.69 247.31 352.22 240.43 355.73 237.47 351.63"
fill={props.secondaryColor} />
</svg>
);
UndrawGrowing.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* Hex color
*/
accentColor: PropTypes.string,
/**
* Skin color
*/
skinColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawGrowing.defaultProps = {
primaryColor:'#6c68fb',
accentColor:'#eb6475',
height:'100%',
skinColor:'orange',
class:''
};
export default UndrawGrowing;