react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
597 lines (592 loc) • 21.8 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawSelfieTime = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="c363684d-d76f-42c9-8b69-a6e1aed634c4"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 930 780.38"
>
<defs>
<linearGradient
id="687937cc-2277-482f-b2a5-92669ab19e4a"
x1={561.5}
y1={687.61}
x2={561.5}
y2={99.31}
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="e390a619-d90c-49a0-84e9-5acfc7aa6abd"
x1={564.77}
y1={587.09}
x2={564.77}
y2={200.06}
xlinkHref="#687937cc-2277-482f-b2a5-92669ab19e4a"
/>
<linearGradient
id="f0637346-1fa4-4b03-a7c8-89311ccf1604"
x1={666.9}
y1={489.56}
x2={864.37}
y2={489.56}
xlinkHref="#687937cc-2277-482f-b2a5-92669ab19e4a"
/>
</defs>
<title>selfie_time</title>
<ellipse cx={465} cy={655.86} rx={465} ry={124.52} fill="#f5f5f5" />
<path
d="M405.82,441.92s35.83,35.83,15.6,89S456.1,672.51,456.1,672.51s-.59-.09-1.68-.28c-73.59-13-110.16-97.16-69.24-159.69C400.39,489.3,412.88,462,405.82,441.92Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M405.82,441.92s20.23,43.92,0,79.75-3.47,136.39,50.28,150.84"
transform="translate(-135 -59.81)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M342,586.85s40.89-6.51,44.61,30.13,78.62,41.72,78.62,41.72l-1.4.93c-61.84,40.59-121,25.86-112-28C355.1,611.55,354.83,591.42,342,586.85Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M342,586.85s40.89-6.51,44.61,30.13,78.62,41.72,78.62,41.72l-1.4.93c-61.84,40.59-121,25.86-112-28C355.1,611.55,354.83,591.42,342,586.85Z"
transform="translate(-135 -59.81)"
fill="#f5f5f5"
opacity={0.2}
/>
<path
d="M342,586.85s31.74,7,29.13,35.82,47.13,63.45,94.1,36"
transform="translate(-135 -59.81)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M684.72,99.31H438.28a24.37,24.37,0,0,0-24.42,24.33V663.28a24.37,24.37,0,0,0,24.42,24.33H684.72a24.37,24.37,0,0,0,24.42-24.33V123.64A24.37,24.37,0,0,0,684.72,99.31Z"
transform="translate(-135 -59.81)"
fill="url(#687937cc-2277-482f-b2a5-92669ab19e4a)"
/>
<rect
x={281.11}
y={44.01}
width={290.77}
height={581.54}
rx={26.87}
ry={26.87}
fill="#535461"
/>
<rect x={302.53} y={98.1} width={247.94} height={473.34} fill="#fff" />
<circle cx={397.2} cy={71.06} r={2.25} fill="#fff" />
<rect
x={408.47}
y={68.8}
width={49.59}
height={4.51}
rx={1}
ry={1}
fill="#fff"
/>
<circle cx={425.37} cy={593.99} r={15.78} fill="#fff" />
<rect
x={115.5}
y={87}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={152.5}
y={118}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect x={52.5} y={89} width={52} height={27} fill={props.primaryColor} opacity={0.2} />
<rect x={436.5} width={52} height={27} fill={props.primaryColor} opacity={0.2} />
<rect x={373.5} y={2} width={52} height={27} fill={props.primaryColor} opacity={0.2} />
<rect
x={219.5}
y={149}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={156.5}
y={151}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={89.5}
y={120}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={707.5}
y={195}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={744.5}
y={226}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={644.5}
y={197}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={748.5}
y={259}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={668.5}
y={440}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={672.5}
y={473}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={154.5}
y={429}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={158.5}
y={462}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={681.5}
y={228}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={115.5}
y={233}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={152.5}
y={264}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={52.5}
y={235}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={219.5}
y={295}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={156.5}
y={297}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={89.5}
y={266}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={216.5}
y={503}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={153.5}
y={505}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={651.5}
y={72}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={588.5}
y={74}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<rect
x={625.5}
y={105}
width={52}
height={27}
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M824.73,783.31s-13.26-45,2.49-78.14a71.09,71.09,0,0,0,5.75-44.6,119.57,119.57,0,0,0-6.31-20.93"
transform="translate(-135 -59.81)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M836.45,618.69c0,5.52-10,21.51-10,21.51s-10-16-10-21.51a10,10,0,0,1,20,0Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M853,649.25c-3,4.63-20.08,12.63-20.08,12.63s.31-18.86,3.31-23.49A10,10,0,1,1,853,649.25Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M852.24,701.47c-4.93,2.48-23.71.77-23.71.77s9.79-16.12,14.71-18.6a10,10,0,1,1,9,17.84Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M842.8,740.85c-4.44,3.28-23.24,4.76-23.24,4.76s6.92-17.54,11.36-20.82a10,10,0,1,1,11.88,16.06Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M811.91,662.95c4,3.84,22.39,7.83,22.39,7.83s-4.51-18.31-8.47-22.15a10,10,0,1,0-13.92,14.33Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M801.45,709.15c4.93,2.48,23.71.77,23.71.77s-9.79-16.12-14.71-18.6a10,10,0,1,0-9,17.84Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M797.45,755.45c4.44,3.28,23.24,4.76,23.24,4.76s-6.92-17.54-11.36-20.82a10,10,0,0,0-11.88,16.06Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M500,580.18s-8.83-30,1.66-52.07a47.37,47.37,0,0,0,3.83-29.72,79.67,79.67,0,0,0-4.21-13.95"
transform="translate(-135 -59.81)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M507.82,470.49c0,3.68-6.66,14.33-6.66,14.33s-6.66-10.66-6.66-14.33a6.66,6.66,0,1,1,13.31,0Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M518.82,490.85c-2,3.09-13.38,8.42-13.38,8.42s.21-12.56,2.2-15.65a6.66,6.66,0,0,1,11.17,7.23Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M518.34,525.64c-3.28,1.65-15.8.51-15.8.51s6.52-10.74,9.8-12.4a6.66,6.66,0,0,1,6,11.88Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M512,551.89c-3,2.19-15.48,3.17-15.48,3.17s4.61-11.69,7.57-13.87a6.66,6.66,0,1,1,7.92,10.7Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M491.47,500c2.64,2.56,14.92,5.21,14.92,5.21s-3-12.2-5.64-14.76a6.66,6.66,0,0,0-9.27,9.55Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M484.5,530.76c3.28,1.65,15.8.51,15.8.51s-6.52-10.74-9.8-12.4a6.66,6.66,0,1,0-6,11.88Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M481.83,561.61c3,2.19,15.48,3.17,15.48,3.17s-4.61-11.69-7.57-13.87a6.66,6.66,0,1,0-7.92,10.7Z"
transform="translate(-135 -59.81)"
fill={props.primaryColor}
/>
<path
d="M622.35,391l-2.85-34.19a8.94,8.94,0,0,0,2.85-1.54l-.32-1.14c.11-.08.22-.15.32-.23l-4.81-17.18s-2.51-20.93-2.63-31.43c0-2.23.19-3.8.57-4.31.61-.82.8-3,.76-5.76,0-1.63,0-3.52-.19-5.45.73-4.93,1.19-14.74-5.57-19.62a50.32,50.32,0,0,0,7.62-27.16c0-23.69-15.09-42.89-33.7-42.89s-33.7,19.2-33.7,42.89a51.92,51.92,0,0,0,4.46,21.31c-4.41.57-12.62,2.35-14.6,7.81-2.75,7.56-33.67,50.17-33.67,50.17v18.56a43.7,43.7,0,0,0,12.14.64l27,25.47s1.38-.2,3.49-.63a144.84,144.84,0,0,0-2.27,25,78.84,78.84,0,0,0,1.54,16.86S558.66,433,559,447.67a18.37,18.37,0,0,1-.56,4.45l.29.06c-.08.46-.17.9-.29,1.32,0,0,2.06.41,5.39.86L566,470s1.37,29.55,5.5,33.67l2.92,10.5-.57,2.47h0s-7.49,23.11-9.69,26.47c-1.33,1.48-2.19,7.11-.43,10.54a4.58,4.58,0,0,0,4.07,2.72c6.51.35,9.57.08,14.11-11.43l.63-1.61,1.09,3.92-.42.41s2.41,23.71.69,28.18c-1.1,2.87,2.06,13.06,8.25,11S601,583.38,601,571s-3.78-26.46-5.84-29.89a1.41,1.41,0,0,0-.58-.54c-1.83-9.87-4.6-25.53-4.74-31l10.57-39a67.31,67.31,0,0,0,1.85-9.5l1.12-9.23a28.9,28.9,0,0,0,5.86-3.13s0-.49,0-1.34l0,0s-.08-1.67-.1-4.37c0-7.34.63-20.23,4-29.71.7,3.71,2,6.37,4.35,5.9C624.41,417.76,622.35,391,622.35,391Zm-8.47-33.41h.56l-.12,2.59Q614.1,358.83,613.87,357.55Zm-60-10.77c-1.15,5.31-7.78,6.38-7.78,6.38l-14.61-16.3a15.43,15.43,0,0,0,2.24-2.26s-.39-.08-1-.26c.35-.35.68-.72,1-1.12,0,0-7.52-1.43-8.08-7.14.18-2,1.12-4.37,3.27-7.29l17.87-19.93s10.79,7.73,11,28.05a67.71,67.71,0,0,1-.73,9.06s-1.44,4.18-3.21,10.8Z"
transform="translate(-135 -59.81)"
fill="url(#e390a619-d90c-49a0-84e9-5acfc7aa6abd)"
/>
<path
d="M617.79,350.63,621.16,391s2,26.25-4.71,27.59-4.71-23.56-4.71-23.56l2-44.42Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M621.16,356l-4.71-16.83s-4-33.65-2-36.34-.67-20.86-.67-20.86l-8.41,11.44L603,317,609.72,358S617.12,359.38,621.16,356Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<ellipse cx={449} cy={186.25} rx={33} ry={42} fill="#632652" />
<path
d="M621.16,354.67l-4.71-16.83s-4-33.65-2-36.34-.67-20.86-.67-20.86l-8.41,11.44L603,315.63l6.73,41.05S617.12,358,621.16,354.67Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M573.64,514.09s-7.49,23.68-9.49,25.92-2.81,12.64,3.56,13,9.37.08,13.82-11.19,9-24.67,8.36-28.54S573.64,514.09,573.64,514.09Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M573.64,514.09s-7.33,22.63-9.49,25.92c-1.65,2.52-2.81,12.64,3.56,13s9.37.08,13.82-11.19,9-24.67,8.36-28.54S573.64,514.09,573.64,514.09Z"
transform="translate(-135 -59.81)"
opacity={0.05}
/>
<rect x={427.61} y={167.66} width={37.69} height={43.07} fill="#632652" />
<rect x={427.61} y={167.66} width={37.69} height={43.07} opacity={0.1} />
<path
d="M572,242.27s4,16.83,0,20.86c0,0-8.08,4.71-10.1,3.37s-10.1,2.69-10.1,2.69l12.79,28.27,26.92,2,14.13-4V280l-.67-9.42s-16.15,0-15.48-6.06,2-22.21,2-22.21Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M603.66,442.16l-2.12,17.49a65.91,65.91,0,0,1-1.81,9.3l-16.26,60L572.7,518.22l12.11-52.5,3.37-30.29Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M603.66,442.16l-2.12,17.49a65.91,65.91,0,0,1-1.81,9.3l-16.26,60L572.7,518.22l12.11-52.5,3.37-30.29Z"
transform="translate(-135 -59.81)"
opacity={0.05}
/>
<path
d="M562.61,444.18,566,468.41s1.35,28.94,5.38,33l13.46,48.46,10.77-4s-7.4-37.69-6.06-40.38-1.35-25.58-1.35-25.58V464.37s0-15.48-.67-20.19S562.61,444.18,562.61,444.18Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M582.8,544.46s2.36,23.22.67,27.59c-1.08,2.81,2,12.79,8.08,10.77s8.75-3.37,8.75-15.48-3.7-25.91-5.72-29.28S582.8,544.46,582.8,544.46Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M568.49,289.52c-2.74.12-7.44-2.75-10.34-21.49,0,0-14.39.5-17.08,7.9s-33,49.13-33,49.13v16.83s18.17,4,26.25-6.06c0,0-14.13-2.69-4.71-15.48l17.5-19.52s14.13,10.1,10.1,37.69c0,0-14.13,41.05-8.08,69.32,0,0,12.79,32.31,9.42,44.42,0,0,33.65,6.73,49.8-4.71,0,0-1.35-26.92,6.06-39.71s-6.06-70.67-6.06-70.67-8.26-16.3-2.87-22.36,1-20,1-20,13.31-18.89-1.49-22.92c0,0,2,21.54-7.4,18.84l-16.83-1.26A104.79,104.79,0,0,0,568.49,289.52Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M568.49,288.17c-2.74.12-7.44-2.75-10.34-21.49,0,0-14.39.5-17.08,7.9s-33,49.13-33,49.13v16.83s18.17,4,26.25-6.06c0,0-14.13-2.69-4.71-15.48l17.5-19.52s14.13,10.1,10.1,37.69c0,0-14.13,41.05-8.08,69.32,0,0,12.79,32.31,9.42,44.42,0,0,33.65,6.73,49.8-4.71,0,0-1.35-26.92,6.06-39.71s-6.06-70.67-6.06-70.67-6.06-15.48-.67-21.54.67-20.86.67-20.86l6.06,1.35s5.38-20.19-9.42-24.23c0,0,2,21.54-7.4,18.84l-16.83-1.26A104.79,104.79,0,0,0,568.49,288.17Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M529,334.48,546.45,354s6.5-1,7.62-6.25c0,0,20.64,2.21,15.93,9.61s-23.56,10.1-23.56,10.1l-35-33Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M590.16,259.15c.66-7,1.39-15.86,1.39-15.86H572a72,72,0,0,1,1.79,13,20.23,20.23,0,0,0,16.34,2.86Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<circle cx={450.15} cy={178.76} r={20.19} fill="#ffb296" />
<path
d="M512.47,338.85S523,346,533.21,337l-8-6.26H511.79Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M511.79,338.18s10.54,7.14,20.75-1.81l-8-6.26H511.12Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M608.71,302.51A63.47,63.47,0,0,1,608,322c-2,11.44-1.81,26.25,1.11,28.94"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M559,229.84s6,7,22,4.35a76.32,76.32,0,0,1,29,.87l-4-11.3-11-8.7H579l-14,8.7Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M559,228.84s6,7,22,4.35a76.32,76.32,0,0,1,29,.87l-4-11.3-11-8.7H579l-14,8.7Z"
transform="translate(-135 -59.81)"
fill="#632652"
/>
<path
d="M861.62,391.83c-6.2-13.24-46.48-62.14-46.48-62.14l-20.66-23.43-5.25-1.62a116.26,116.26,0,0,0,4.36-31.93c0-.34,0-.68,0-1s0-.68,0-1c0-43.42-22.66-78.62-50.62-78.62-17.47,0-32.88,13.75-42,34.66a88.81,88.81,0,0,0-7.27,36.21,94.26,94.26,0,0,0,4,28.34c1.57,5.24,3.15,10.26,4.79,15l-.48.29-21.16,7.83s-7.71,8.21-7.39,24.61a60.91,60.91,0,0,0,3.26,20.21,64.62,64.62,0,0,1,2.6,19c-.25,29.57-11.89,66.56-11.89,66.56l.52.34c-.33,1.1-.52,1.7-.52,1.7a61.24,61.24,0,0,0,6.49,3.69l-3.4,45.2s-11.36,30.56,6.2,41.76l6.2-39.73,7.66-42.29a22.64,22.64,0,0,0,2.67,0c.25,0,.5-.06.75-.08-3.13,4.15-8.26,14.58-8,38.24,0,1.66,0,3.37.06,5.17,0,0,20.66,94.73,19.63,98.81,0,0,.77.07,2.07.15V618s-3.1,31.58,7.23,56c1.12,2.66,2.13,5.35,3,8,0,.68,0,1.39.06,2.15.56,7.72-.7,10.37-2,11.17a3.89,3.89,0,0,0-2,3.59c.33,3.78,1.27,9.38,4,10.71,1.79.88,4.36,1.58,6.94,2.82,1.12,8.1,1.32,13.47,1.32,13.47l2.07,15.28h.07a21.51,21.51,0,0,0-.07,4.09c.56,7.72-.7,10.37-2,11.17a3.89,3.89,0,0,0-2,3.59c.33,3.78,1.27,9.38,4,10.71,4.13,2,12.4,3.06,15.49,12.22s7.23,0,7.23,0a41.72,41.72,0,0,1-.48-10.85,66.37,66.37,0,0,0,.26-13.51,28.77,28.77,0,0,1,1.25-9.26c1-4.13-.08-10.62-3.74-14.69-1.56-8.53-5.34-30.14-4.52-34.21.22-1.1.16-5.55-.08-11.85,10.09-25.9,27.07-71.77,24.87-81.87-1-4.62-.81-11.27-.1-18.14l15.59-7.32s1.27-45.33,8.26-58.06c2.37-4.32,3.28-14.21,3.22-26a326.68,326.68,0,0,0-3.55-46.44c3.44-.29,7.55-1.33,12.72-5l43.64-33.37c3.66,1.72,8.08,1.88,13.18-1.26,0,0,3.11-2.05,2.72-8C864.54,400.55,864,396.85,861.62,391.83Zm-64,43.23c-4.13-1-10.33-12.4-10.33-15.49s-4.63-.06-4.65,0a101.28,101.28,0,0,1-3.09-24.35c.15-15.59,3.85-32.07,15-39.65l41.32,40.29s.15.39.44,1.06C826.55,407.69,800.92,435.9,797.58,435.06Z"
transform="translate(-135 -59.81)"
fill="url(#f0637346-1fa4-4b03-a7c8-89311ccf1604)"
/>
<path
d="M729.56,666.81s-11,0-10,14c.54,7.58-.68,10.18-1.91,11a3.84,3.84,0,0,0-1.92,3.53c.32,3.71,1.23,9.21,3.83,10.51,4,2,12,3,15,12s7,0,7,0a41.52,41.52,0,0,1-.47-10.65,66.06,66.06,0,0,0,.26-13.26,28.61,28.61,0,0,1,1.21-9.09C744.06,678.31,740.56,665.81,729.56,666.81Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M729.56,666.81s-11,0-10,14c.54,7.58-.68,10.18-1.91,11a3.84,3.84,0,0,0-1.92,3.53c.32,3.71,1.23,9.21,3.83,10.51,4,2,12,3,15,12s7,0,7,0a41.52,41.52,0,0,1-.47-10.65,66.06,66.06,0,0,0,.26-13.26,28.61,28.61,0,0,1,1.21-9.09C744.06,678.31,740.56,665.81,729.56,666.81Z"
transform="translate(-135 -59.81)"
opacity={0.05}
/>
<path
d="M837.56,395.81s-37,42-41,41-10-12-10-15-4.5,0-4.5,0,1.5,30,5.5,30,9,0,16-5l49-38Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M677.56,441.81l-4,54s-11,30,6,41l6-39,10-56Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M773.56,557.81s-8,33-5,47-31,98-31,98l-12-12,8-93,10-78Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M773.56,557.81s-8,33-5,47-31,98-31,98l-12-12,8-93,10-78Z"
transform="translate(-135 -59.81)"
opacity={0.05}
/>
<path
d="M709.56,584.81v31s-3,31,7,55,11,51,11,51l2,15,20-3s-6-32-5-37-4-81-4-81,4-27,2-38-10-24-10-24Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M739.56,726.81s-11,0-10,14c.54,7.58-.68,10.18-1.91,11a3.84,3.84,0,0,0-1.92,3.53c.32,3.71,1.23,9.21,3.83,10.51,4,2,12,3,15,12s7,0,7,0a41.52,41.52,0,0,1-.47-10.65,66.06,66.06,0,0,0,.26-13.26,28.61,28.61,0,0,1,1.21-9.09C754.06,738.31,750.56,725.81,739.56,726.81Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<circle cx={609.56} cy={194} r={30} fill="#ffb296" />
<path
d="M759.56,258.81s-9,42,25,52-38,22-38,22l-51-18s57-28,43-56Z"
transform="translate(-135 -59.81)"
fill="#ffb296"
/>
<path
d="M744.56,314.81,704,312.12l-20.48,7.69s-13,14-4,42-9,86-9,86,13.5,9.28,25,8.47a17.44,17.44,0,0,0,3-.47s-11,7-10,43c0,0,20,93,19,97,0,0,22,2,30-3,0,0,6-53,12-53,0,0,14,43,13,50l21-10s1.23-44.5,8-57c7.44-13.75,0-85-6-91s-14-57,8-72l40,39s9,24,25,14c0,0,6-4,0-17s-45-61-45-61l-20-23-16-5S755.56,323.81,744.56,314.81Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M744.56,312.81,704,310.12l-20.48,7.69s-13,14-4,42-9,86-9,86,13.5,9.28,25,8.47a17.44,17.44,0,0,0,3-.47s-11,7-10,43c0,0,20,93,19,97,0,0,22,2,30-3,0,0,6-53,12-53,0,0,14,43,13,50l21-10s1.23-44.5,8-57c7.44-13.75,0-85-6-91s-14-57,8-72l40,39s9,24,25,14c0,0,6-4,0-17s-45-61-45-61l-20-23-16-5S755.56,321.81,744.56,312.81Z"
transform="translate(-135 -59.81)"
fill="#e14b5a"
/>
<path
d="M703.06,349.31s3,37,6,46-6,55-6,55"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M703.06,233.73a90.65,90.65,0,0,0-3.19,61.37c10.09,34.15,20.71,59,43.83,59,27.06,0,49-34.56,49-77.18s-21.94-77.18-49-77.18C726.78,199.7,711.87,213.2,703.06,233.73Z"
transform="translate(-135 -59.81)"
opacity={0.1}
/>
<path
d="M703.06,231.73a90.65,90.65,0,0,0-3.19,61.37c10.09,34.15,20.71,59,43.83,59,27.06,0,49-34.56,49-77.18s-21.94-77.18-49-77.18C726.78,197.7,711.87,211.2,703.06,231.73Z"
transform="translate(-135 -59.81)"
fill="#632652"
/>
</svg>
);
UndrawSelfieTime.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawSelfieTime.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawSelfieTime;