react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
284 lines (274 loc) • 10 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 UndrawConfirmed = function UndrawConfirmed(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "b4f32226-de22-4831-ab78-ba30a904d18e",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 722 756.57"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "5b7f6937-2584-49b6-9aba-f63379afcef9",
x1: 635.65,
y1: 790.5,
x2: 635.65,
y2: 501.26,
gradientTransform: "translate(0.01 -0.01)",
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: "726273e3-a105-41c9-bd30-f21c7a222b39",
x1: 457.34,
y1: 294.83,
x2: 457.34,
y2: 145.49,
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "053cf442-696d-42d1-9951-f8212c309ade",
x1: 591.52,
y1: 654.18,
x2: 591.52,
y2: 72.22,
gradientTransform: "translate(-238.99 -72.23)",
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "47e4505a-9403-4d31-a565-d5fd2c78f1d2",
x1: 771.88,
y1: 599.91,
x2: 771.88,
y2: 322.65,
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "8513435b-806a-4f93-81b8-e2b88811f111",
x1: 683.94,
y1: 827.36,
x2: 683.94,
y2: 758.36,
gradientTransform: "translate(-238.99 -72.23)",
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "6ed55049-a466-4083-93ca-5129091d0639",
x1: 432.87,
y1: 501.19,
x2: 432.87,
y2: 377.79,
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "c0dc0d70-89dc-4268-b32c-aeecea91ae40",
x1: 428.07,
y1: 603.48,
x2: 428.07,
y2: 493.95,
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "484e0702-271c-4dc9-aca2-bd1f83d5b37c",
x1: 352.52,
y1: 380.93,
x2: 352.52,
y2: 201.04,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
}),
_react2.default.createElement("linearGradient", {
id: "ad7c6dc9-0e1b-446d-83eb-be41b53bfd0d",
x1: 442.05,
y1: 399.65,
x2: 442.05,
y2: 262.62,
xlinkHref: "#5b7f6937-2584-49b6-9aba-f63379afcef9"
})
),
_react2.default.createElement(
"title",
null,
"confirmed"
),
_react2.default.createElement("circle", {
cx: 361,
cy: 395.57,
r: 297,
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("circle", {
cx: 361,
cy: 395.57,
r: 360,
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M840.94,582.47a81.21,81.21,0,0,0-161-15.14l-249.59-6.77,2.74,42.88s-35.59,82.12,151.46,104v83H800.79v-138A81.16,81.16,0,0,0,840.94,582.47Z",
transform: "translate(-239 -72.21)",
fill: "url(#5b7f6937-2584-49b6-9aba-f63379afcef9)"
}),
_react2.default.createElement("path", {
d: "M441.66,605.24s-34.08,78.64,145.05,99.62v79.52H793.8V573.79L439,564.17Z",
transform: "translate(-239 -72.21)",
fill: "#be7c5e"
}),
_react2.default.createElement("path", {
d: "M545.16,277.07h0A38.18,38.18,0,0,1,492.66,289L381.47,215.73a38.18,38.18,0,0,1-11.93-52.5h0A38.18,38.18,0,0,1,422,151.3l111.19,73.27A38.18,38.18,0,0,1,545.16,277.07Z",
transform: "translate(-239 -72.21)",
fill: "url(#726273e3-a105-41c9-bd30-f21c7a222b39)"
}),
_react2.default.createElement("path", {
d: "M539,273.07h0a35.49,35.49,0,0,1-48.8,11.09L386.81,216a35.49,35.49,0,0,1-11.09-48.8h0a35.49,35.49,0,0,1,48.8-11.09l103.37,68.12A35.49,35.49,0,0,1,539,273.07Z",
transform: "translate(-239 -72.21)",
fill: "#be7c5e"
}),
_react2.default.createElement("circle", { cx: 515.49, cy: 512.94, r: 77.77, fill: "#be7c5e" }),
_react2.default.createElement("rect", {
x: 191.32,
width: 322.42,
height: 581.96,
rx: 12.25,
ry: 12.25,
fill: "url(#053cf442-696d-42d1-9951-f8212c309ade)"
}),
_react2.default.createElement("rect", {
x: 195.67,
y: 7.87,
width: 313.7,
height: 566.24,
rx: 13.64,
ry: 13.64,
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M670.33,94.28a25.43,25.43,0,0,1-25.07,21.63H536.92a25.43,25.43,0,0,1-25.06-21.63H454.46a11.91,11.91,0,0,0-11.92,11.91v514a11.91,11.91,0,0,0,11.91,11.92H728.59a11.91,11.91,0,0,0,11.92-11.91v-514A11.91,11.91,0,0,0,728.6,94.28Z",
transform: "translate(-239 -72.21)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 318.01,
y: 28.84,
width: 69.91,
height: 4.37,
rx: 2,
ry: 2,
fill: "#dbdbdb"
}),
_react2.default.createElement("circle", { cx: 402.77, cy: 30.59, r: 2.62, fill: "#dbdbdb" }),
_react2.default.createElement("path", {
d: "M804.76,598.87h0c-22.57,5.22-38.06-9.5-43.28-32.06L709.62,374.24a42.24,42.24,0,0,1,31.55-50.51h0a42.24,42.24,0,0,1,50.51,31.55L834,552.82C839.22,575.39,827.32,593.65,804.76,598.87Z",
transform: "translate(-239 -72.21)",
fill: "url(#47e4505a-9403-4d31-a565-d5fd2c78f1d2)"
}),
_react2.default.createElement("rect", {
x: 739.86,
y: 329.79,
width: 70.78,
height: 282.61,
rx: 35.39,
ry: 35.39,
transform: "translate(-325.18 114.47) rotate(-13.01)",
fill: "#be7c5e"
}),
_react2.default.createElement("rect", {
x: 296.93,
y: 686.15,
width: 296,
height: 69,
fill: "url(#8513435b-806a-4f93-81b8-e2b88811f111)"
}),
_react2.default.createElement("rect", { x: 304.93, y: 694.15, width: 280, height: 54, fill: "#4d8af0" }),
_react2.default.createElement("path", {
d: "M502,483.65h0a37.72,37.72,0,0,1-51.87,11.79l-74.57-48.25a37.72,37.72,0,0,1-11.79-51.87h0a37.72,37.72,0,0,1,51.87-11.79l74.57,48.25A37.72,37.72,0,0,1,502,483.65Z",
transform: "translate(-239 -72.21)",
fill: "url(#6ed55049-a466-4083-93ca-5129091d0639)"
}),
_react2.default.createElement("path", {
d: "M483.28,585.78h0a38.06,38.06,0,0,1-52.34,11.9L384.75,564a38.06,38.06,0,0,1-11.9-52.34h0a38.06,38.06,0,0,1,52.34-11.9l46.19,33.69A38.06,38.06,0,0,1,483.28,585.78Z",
transform: "translate(-239 -72.21)",
fill: "url(#c0dc0d70-89dc-4268-b32c-aeecea91ae40)"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("circle", {
cx: 352.52,
cy: 290.99,
r: 89.94,
fill: "url(#484e0702-271c-4dc9-aca2-bd1f83d5b37c)"
})
),
_react2.default.createElement("circle", { cx: 352.52, cy: 290.99, r: 84.65, fill: "#69f0ae" }),
_react2.default.createElement("polygon", {
points: "315.78 279.69 347.52 308.79 392.49 242.66 408.37 255.89 347.52 335.25 302.55 284.99 315.78 279.69",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M479.55,583.27h0a35.49,35.49,0,0,1-48.8,11.09L387.67,563a35.49,35.49,0,0,1-11.09-48.8h0a35.49,35.49,0,0,1,48.8-11.09l43.07,31.42A35.49,35.49,0,0,1,479.55,583.27Z",
transform: "translate(-239 -72.21)",
fill: "#be7c5e"
}),
_react2.default.createElement("path", {
d: "M497.9,481h0a35.49,35.49,0,0,1-48.8,11.09l-70.16-45.4a35.49,35.49,0,0,1-11.09-48.8h0a35.49,35.49,0,0,1,48.8-11.09l70.16,45.4A35.49,35.49,0,0,1,497.9,481Z",
transform: "translate(-239 -72.21)",
fill: "#be7c5e"
}),
_react2.default.createElement("path", {
d: "M521.28,382h0a37.9,37.9,0,0,1-52.11,11.84l-94.5-61.53a37.9,37.9,0,0,1-11.84-52.11h0a37.9,37.9,0,0,1,52.11-11.84l94.5,61.53A37.9,37.9,0,0,1,521.28,382Z",
transform: "translate(-239 -72.21)",
fill: "url(#ad7c6dc9-0e1b-446d-83eb-be41b53bfd0d)"
}),
_react2.default.createElement("path", {
d: "M516.26,378.8h0a35.49,35.49,0,0,1-48.8,11.09l-88.51-57.63a35.49,35.49,0,0,1-11.09-48.8h0a35.49,35.49,0,0,1,48.8-11.09L505.16,330A35.49,35.49,0,0,1,516.26,378.8Z",
transform: "translate(-239 -72.21)",
fill: "#be7c5e"
})
);
};
UndrawConfirmed.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawConfirmed.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawConfirmed;