react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
619 lines (609 loc) • 26.1 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
var _propTypes = require("prop-types");
var _propTypes2 = _interopRequireDefault(_propTypes);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var UndrawSelfieTime = function UndrawSelfieTime(props) {
return _react2.default.createElement(
"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"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "687937cc-2277-482f-b2a5-92669ab19e4a",
x1: 561.5,
y1: 687.61,
x2: 561.5,
y2: 99.31,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopColor: "gray", stopOpacity: 0.25 }),
_react2.default.createElement("stop", { offset: 0.54, stopColor: "gray", stopOpacity: 0.12 }),
_react2.default.createElement("stop", { offset: 1, stopColor: "gray", stopOpacity: 0.1 })
),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
})
),
_react2.default.createElement(
"title",
null,
"selfie_time"
),
_react2.default.createElement("ellipse", { cx: 465, cy: 655.86, rx: 465, ry: 124.52, fill: "#f5f5f5" }),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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)"
}),
_react2.default.createElement("rect", {
x: 281.11,
y: 44.01,
width: 290.77,
height: 581.54,
rx: 26.87,
ry: 26.87,
fill: "#535461"
}),
_react2.default.createElement("rect", { x: 302.53, y: 98.1, width: 247.94, height: 473.34, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 397.2, cy: 71.06, r: 2.25, fill: "#fff" }),
_react2.default.createElement("rect", {
x: 408.47,
y: 68.8,
width: 49.59,
height: 4.51,
rx: 1,
ry: 1,
fill: "#fff"
}),
_react2.default.createElement("circle", { cx: 425.37, cy: 593.99, r: 15.78, fill: "#fff" }),
_react2.default.createElement("rect", {
x: 115.5,
y: 87,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 152.5,
y: 118,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", { x: 52.5, y: 89, width: 52, height: 27, fill: props.primaryColor, opacity: 0.2 }),
_react2.default.createElement("rect", { x: 436.5, width: 52, height: 27, fill: props.primaryColor, opacity: 0.2 }),
_react2.default.createElement("rect", { x: 373.5, y: 2, width: 52, height: 27, fill: props.primaryColor, opacity: 0.2 }),
_react2.default.createElement("rect", {
x: 219.5,
y: 149,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 156.5,
y: 151,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 89.5,
y: 120,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 707.5,
y: 195,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 744.5,
y: 226,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 644.5,
y: 197,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 748.5,
y: 259,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 668.5,
y: 440,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 672.5,
y: 473,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 154.5,
y: 429,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 158.5,
y: 462,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 681.5,
y: 228,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 115.5,
y: 233,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 152.5,
y: 264,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 52.5,
y: 235,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 219.5,
y: 295,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 156.5,
y: 297,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 89.5,
y: 266,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 216.5,
y: 503,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 153.5,
y: 505,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 651.5,
y: 72,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 588.5,
y: 74,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("rect", {
x: 625.5,
y: 105,
width: 52,
height: 27,
fill: props.primaryColor,
opacity: 0.2
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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)"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("ellipse", { cx: 449, cy: 186.25, rx: 33, ry: 42, fill: "#632652" }),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("rect", { x: 427.61, y: 167.66, width: 37.69, height: 43.07, fill: "#632652" }),
_react2.default.createElement("rect", { x: 427.61, y: 167.66, width: 37.69, height: 43.07, opacity: 0.1 }),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("circle", { cx: 450.15, cy: 178.76, r: 20.19, fill: "#ffb296" }),
_react2.default.createElement("path", {
d: "M512.47,338.85S523,346,533.21,337l-8-6.26H511.79Z",
transform: "translate(-135 -59.81)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M511.79,338.18s10.54,7.14,20.75-1.81l-8-6.26H511.12Z",
transform: "translate(-135 -59.81)",
fill: "#e14b5a"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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)"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("path", {
d: "M677.56,441.81l-4,54s-11,30,6,41l6-39,10-56Z",
transform: "translate(-135 -59.81)",
fill: "#ffb296"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("circle", { cx: 609.56, cy: 194, r: 30, fill: "#ffb296" }),
_react2.default.createElement("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"
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
}),
_react2.default.createElement("path", {
d: "M703.06,349.31s3,37,6,46-6,55-6,55",
transform: "translate(-135 -59.81)",
opacity: 0.1
}),
_react2.default.createElement("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
}),
_react2.default.createElement("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"
})
);
};
UndrawSelfieTime.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawSelfieTime.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawSelfieTime;