react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
978 lines (968 loc) • 38 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 UndrawFilter = function UndrawFilter(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "d5eeb229-0560-4c73-9e9e-2e1785b57a7c",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 857.1 758.83"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "647fab05-0b83-421f-b355-94d847994b9c",
x1: 728.85,
y1: 502.58,
x2: 728.85,
y2: 461.76,
gradientTransform: "matrix(0.53, -0.85, -0.85, -0.53, 438.3, 1162.14)",
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: "18266add-5a65-4fc6-a971-26e04d71af92",
x1: 715.36,
y1: 501.1,
x2: 715.36,
y2: 446.22,
gradientTransform: "translate(-99.07 262.06) rotate(-31.73)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "e9e2bb7b-c06b-4014-868f-351e0ca8ebab",
x1: 769.97,
y1: 356.2,
x2: 769.97,
y2: 269.16,
gradientTransform: "matrix(0.85, -0.53, 0.53, 0.85, -100.56, 262.41)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "3ed37a80-7f43-4a53-a0d5-c403389957fa",
x1: 411.46,
y1: 100.6,
x2: 411.46,
y2: 15.23,
gradientTransform: "translate(126.45 -98.14) rotate(23.79)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "80107904-00d9-4877-be8e-08caa3579ade",
x1: 118.53,
y1: 758.83,
x2: 118.53,
y2: 526.53,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "fb7bcafe-566b-4c20-ac54-38b064d3115f",
x1: 424.76,
y1: 252.76,
x2: 424.76,
y2: 157.57,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "8b625892-25db-4160-b55f-486d77087b7d",
x1: 266.79,
y1: 132.04,
x2: 266.79,
y2: 50.65,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "920aecfa-54b5-4c2b-93ff-a4455a83035f",
x1: 879.08,
y1: 629.37,
x2: 879.08,
y2: 507.77,
gradientTransform: "translate(-99.12 260.36) rotate(-31.73)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "ff0a9a5e-e45c-4b07-b4cc-7733561d3616",
x1: 396.83,
y1: 225.01,
x2: 396.83,
y2: 121.04,
gradientTransform: "matrix(0.85, -0.53, 0.53, 0.85, -99.84, 265.92)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "b894e33b-ac47-4a44-9333-a9aaaa82bb12",
x1: 236.43,
y1: 375.71,
x2: 236.43,
y2: 256.45,
gradientTransform: "translate(127.97 -95.73) rotate(23.79)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "421a0547-9346-4a1e-9997-f26fe9047b8e",
x1: 685.12,
y1: 40.19,
x2: 685.12,
y2: -61.78,
gradientTransform: "matrix(0.89, 0.39, -0.39, 0.88, 143.07, -91.73)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "06731b5d-dbed-4868-bd06-0f960387a52e",
x1: 412.8,
y1: 499.65,
x2: 412.8,
y2: 373.23,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "19cac155-7edc-4646-8110-3a5404b3794a",
x1: 738.57,
y1: 755.54,
x2: 738.57,
y2: 523.23,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "5c907026-92e9-4e9f-a9ea-601c30aeeb56",
x1: 427.78,
y1: 756.43,
x2: 427.78,
y2: 522.45,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "7e326c48-2616-48c7-85a2-bec6e526d5c1",
x1: 426.61,
y1: 68.13,
x2: 426.61,
y2: 0,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
}),
_react2.default.createElement("linearGradient", {
id: "809fb2c4-55c1-495a-9238-84749dfd9959",
x1: 713.61,
y1: 139.13,
x2: 713.61,
y2: 71,
gradientTransform: "matrix(1, 0, 0, 1, 0, 0)",
xlinkHref: "#647fab05-0b83-421f-b355-94d847994b9c"
})
),
_react2.default.createElement(
"title",
null,
"filter"
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 395.77,
y: 275.4,
width: 31.61,
height: 26.49,
transform: "matrix(0.01, -1, 1, 0.01, -52.21, 627.02)",
fill: "url(#647fab05-0b83-421f-b355-94d847994b9c)"
})
),
_react2.default.createElement("rect", {
x: 398.74,
y: 273.47,
width: 25.6,
height: 30.32,
transform: "translate(649.01 510.37) rotate(-179.48)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 411.47,
cy: 287.77,
r: 4.72,
transform: "translate(-51.44 626.06) rotate(-89.48)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 411.46,
cy: 289.35,
r: 4.29,
transform: "translate(-53.02 627.6) rotate(-89.48)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 410.42,
y: 291.92,
width: 2,
height: 3.43,
transform: "translate(648.74 520.38) rotate(-179.48)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M406.22,294.35h9.87a0,0,0,0,1,0,0v4.51a4.93,4.93,0,0,1-4.93,4.93h0a4.93,4.93,0,0,1-4.93-4.93v-4.51A0,0,0,0,1,406.22,294.35Z",
transform: "translate(648.16 531.24) rotate(-179.48)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 411.52,
cy: 283.05,
r: 1.72,
transform: "translate(-46.68 621.42) rotate(-89.48)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M411,280.26a5.13,5.13,0,0,0-2.69.44,6,6,0,0,0-2.08,1.12,5.78,5.78,0,0,0-1.37,4.18,10.38,10.38,0,0,1-.63,4.43,4.39,4.39,0,0,1-4.06,2.37,3.5,3.5,0,0,0,3.33.11,5,5,0,0,0,2.25-2,12.3,12.3,0,0,0,.8-1.92,24.87,24.87,0,0,1,2.88-5.53,3.55,3.55,0,0,1,.64-.75,2.42,2.42,0,0,1,1.23-.49c.37,0,1,.12,1.22-.24C413,281.19,411.49,280.37,411,280.26Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 740.67,
y: 267.4,
width: 35.62,
height: 42.5,
transform: "translate(-174.01 -63.75) rotate(-0.52)",
fill: "url(#18266add-5a65-4fc6-a971-26e04d71af92)"
})
),
_react2.default.createElement("rect", {
x: 741.32,
y: 268.24,
width: 34.43,
height: 40.77,
transform: "translate(-174.01 -63.75) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 758.62,
cy: 287.47,
r: 6.35,
transform: "translate(-174 -63.75) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 758.64,
cy: 289.59,
r: 5.77,
transform: "translate(-174.02 -63.75) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 757.34,
y: 293.05,
width: 2.69,
height: 4.62,
transform: "translate(-174.07 -63.75) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M759,296.32h0a6.64,6.64,0,0,1,6.64,6.64V309a0,0,0,0,1,0,0H752.41a0,0,0,0,1,0,0V303a6.64,6.64,0,0,1,6.64-6.64Z",
transform: "translate(-174.14 -63.75) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 758.56,
cy: 281.13,
r: 2.31,
transform: "translate(-173.95 -63.75) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M759.31,277.37a6.9,6.9,0,0,1,3.61.59,8,8,0,0,1,2.79,1.51c1.48,1.38,1.79,3.59,1.84,5.61s-.06,4.15.84,6a5.9,5.9,0,0,0,5.45,3.18,4.71,4.71,0,0,1-4.47.14,6.67,6.67,0,0,1-3-2.73,16.54,16.54,0,0,1-1.08-2.58,33.45,33.45,0,0,0-3.87-7.44,4.77,4.77,0,0,0-.86-1,3.25,3.25,0,0,0-1.65-.66c-.49-.07-1.33.16-1.64-.32C756.61,278.61,758.59,277.51,759.31,277.37Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 690.52,
y: 89.66,
width: 56.49,
height: 67.4,
transform: "translate(-172.53 -64.12) rotate(-0.52)",
fill: "url(#e9e2bb7b-c06b-4014-868f-351e0ca8ebab)"
})
),
_react2.default.createElement("rect", {
x: 691.55,
y: 91,
width: 54.6,
height: 64.66,
transform: "translate(-172.53 -64.12) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 718.98,
cy: 121.5,
r: 10.07,
transform: "translate(-172.51 -64.12) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 719.01,
cy: 124.85,
r: 9.15,
transform: "translate(-172.54 -64.12) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 716.96,
y: 130.34,
width: 4.27,
height: 7.32,
transform: "translate(-172.62 -64.12) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M719.66,135.53h0A10.52,10.52,0,0,1,730.18,146v9.61a0,0,0,0,1,0,0h-21a0,0,0,0,1,0,0V146A10.52,10.52,0,0,1,719.66,135.53Z",
transform: "matrix(1, -0.01, 0.01, 1, -172.73, -64.11)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 718.89,
cy: 111.43,
r: 3.66,
transform: "translate(-172.42 -64.12) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M720.09,105.48a10.94,10.94,0,0,1,5.73.94,12.73,12.73,0,0,1,4.43,2.4c2.34,2.2,2.84,5.69,2.92,8.9s-.1,6.58,1.33,9.45a9.36,9.36,0,0,0,8.65,5,7.47,7.47,0,0,1-7.09.22,10.59,10.59,0,0,1-4.8-4.33,26.23,26.23,0,0,1-1.71-4.08,53,53,0,0,0-6.14-11.8,7.56,7.56,0,0,0-1.36-1.6,5.16,5.16,0,0,0-2.62-1c-.78-.11-2.12.26-2.61-.51C715.8,107.45,718.94,105.7,720.09,105.48Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 450.51,
y: 87,
width: 58.16,
height: 67.65,
transform: "translate(-172.53 -66.2) rotate(-0.52)",
fill: "url(#3ed37a80-7f43-4a53-a0d5-c403389957fa)"
})
),
_react2.default.createElement("rect", {
x: 451.69,
y: 88.33,
width: 56,
height: 66.32,
transform: "translate(-172.54 -66.2) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 479.2,
cy: 119.62,
r: 10.32,
transform: "translate(-172.52 -66.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 479.23,
cy: 123.06,
r: 9.38,
transform: "translate(-172.55 -66.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 477.13,
y: 128.69,
width: 4.38,
height: 7.51,
transform: "translate(-172.64 -66.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M479.9,134h0a10.79,10.79,0,0,1,10.79,10.79v9.85a0,0,0,0,1,0,0H469.11a0,0,0,0,1,0,0V144.8A10.79,10.79,0,0,1,479.9,134Z",
transform: "translate(-172.75 -66.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M471.94,112.18s6.22-3.81,7.44-7.89a37.68,37.68,0,0,0,7.29,9.94Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement("rect", {
y: 526.53,
width: 237.07,
height: 232.3,
fill: "url(#80107904-00d9-4877-be8e-08caa3579ade)"
}),
_react2.default.createElement("rect", { x: 1.19, y: 528.31, width: 234.69, height: 228.73, fill: "#fff" }),
_react2.default.createElement("rect", { x: 25.02, y: 547.31, width: 187.03, height: 145.2, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 36.4, y: 708.02, width: 165.15, height: 7.61, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 62.75, y: 723.23, width: 112.45, height: 7.61, fill: "#e0e0e0" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 382.92,
y: 157.57,
width: 83.67,
height: 95.18,
fill: "url(#fb7bcafe-566b-4c20-ac54-38b064d3115f)"
})
),
_react2.default.createElement("rect", { x: 385.57, y: 158.9, width: 79.25, height: 93.86, fill: "#e6e6e6" }),
_react2.default.createElement("circle", { cx: 424.31, cy: 203.17, r: 14.61, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 424.31, cy: 208.04, r: 13.28, fill: "#fff" }),
_react2.default.createElement("rect", { x: 421.21, y: 216.01, width: 6.2, height: 10.63, fill: "#fff" }),
_react2.default.createElement("path", {
d: "M422.78,223.54h4.38a13.08,13.08,0,0,1,13.08,13.08v16.14a0,0,0,0,1,0,0H409.7a0,0,0,0,1,0,0V236.62a13.08,13.08,0,0,1,13.08-13.08Z",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M588.9,258.17q-1.41.74-2.76,1.57a4.79,4.79,0,0,0-2,1.83,3.48,3.48,0,0,1-.46.89c-.42.46-1.12.45-1.72.59-2,.46-3,2.61-3.49,4.55a32.41,32.41,0,0,0-.76,3.5,4.38,4.38,0,0,0,.07,2.31c.13.32.32.6.42.93.36,1.2-.66,2.34-.91,3.56a6,6,0,0,0,.55,3.25,3.89,3.89,0,0,0,.43.92,6.24,6.24,0,0,0,.54.61,5.17,5.17,0,0,1,1,1.59A34.22,34.22,0,0,1,586,286c3.25,1.27,6.47,3.06,10,2.9a9.16,9.16,0,0,0,2.77-.57c1.74-.65,3.26-1.83,5-2.4a43.84,43.84,0,0,1,5-.84c.79-.16,1.77-.76,1.47-1.51a2.33,2.33,0,0,0,2.38-.47,6.36,6.36,0,0,0,1.47-2.08,19.25,19.25,0,0,0,1.65-4.12,11.66,11.66,0,0,0-1.05-8.22,3.68,3.68,0,0,0-1-1.28c-.32-.23-.7-.37-1-.62a3.7,3.7,0,0,1-.77-1q-1.66-2.73-3.51-5.33c-1.22-1.72-2.61-3.48-4.58-4.23-2.92-1.11-5.05.66-7.83.77-1.24,0-2.28-.45-3.59-.19A13.08,13.08,0,0,0,588.9,258.17Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 231.01,
y: 50.65,
width: 71.54,
height: 81.39,
fill: "url(#8b625892-25db-4160-b55f-486d77087b7d)"
})
),
_react2.default.createElement("rect", { x: 233.28, y: 51.79, width: 67.76, height: 80.25, fill: "#e6e6e6" }),
_react2.default.createElement("circle", { cx: 266.4, cy: 89.64, r: 12.49, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 266.4, cy: 93.81, r: 11.36, fill: "#fff" }),
_react2.default.createElement("rect", { x: 263.75, y: 100.62, width: 5.3, height: 9.08, fill: "#fff" }),
_react2.default.createElement("path", {
d: "M267,107.05h0A13.06,13.06,0,0,1,280,120.11V132a0,0,0,0,1,0,0H253.91a0,0,0,0,1,0,0V120.11A13.06,13.06,0,0,1,267,107.05Z",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M432,146.9q-1.2.63-2.36,1.35a4.1,4.1,0,0,0-1.67,1.56,3,3,0,0,1-.39.76c-.36.39-1,.38-1.47.5-1.67.39-2.53,2.23-3,3.89a27.71,27.71,0,0,0-.65,3,3.74,3.74,0,0,0,.06,2c.11.27.27.52.36.79.31,1-.56,2-.78,3a5.16,5.16,0,0,0,.47,2.78,3.33,3.33,0,0,0,.37.79,5.33,5.33,0,0,0,.46.52,4.42,4.42,0,0,1,.85,1.36,29.26,29.26,0,0,1,5.28,1.5c2.78,1.08,5.53,2.62,8.51,2.48a7.83,7.83,0,0,0,2.37-.49c1.49-.56,2.79-1.56,4.3-2a37.49,37.49,0,0,1,4.25-.72c.68-.13,1.51-.65,1.26-1.29a2,2,0,0,0,2-.4,5.44,5.44,0,0,0,1.25-1.78,16.46,16.46,0,0,0,1.41-3.52,10,10,0,0,0-.9-7,3.14,3.14,0,0,0-.87-1.1c-.27-.2-.6-.32-.86-.53a3.17,3.17,0,0,1-.66-.85q-1.42-2.33-3-4.55a9.28,9.28,0,0,0-3.92-3.61c-2.5-1-4.32.57-6.69.66-1.06,0-1.95-.39-3.07-.16A11.18,11.18,0,0,0,432,146.9Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 908.12,
y: 234.47,
width: 78.92,
height: 94.17,
transform: "matrix(1, -0.01, 0.01, 1, -173.94, -62.06)",
fill: "url(#920aecfa-54b5-4c2b-93ff-a4455a83035f)"
})
),
_react2.default.createElement("rect", {
x: 909.56,
y: 236.34,
width: 76.28,
height: 90.34,
transform: "translate(-173.94 -62.05) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 947.89,
cy: 278.95,
r: 14.06,
transform: "translate(-173.92 -62.05) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 947.93,
cy: 283.64,
r: 12.78,
transform: "translate(-173.96 -62.05) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 945.06,
y: 291.31,
width: 5.97,
height: 10.23,
transform: "translate(-174.08 -62.05) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M947.21,298.55h3.24a13.08,13.08,0,0,1,13.08,13.08v15a0,0,0,0,1,0,0h-29.4a0,0,0,0,1,0,0v-15a13.08,13.08,0,0,1,13.08-13.08Z",
transform: "translate(-174.22 -62.04) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 947.76,
cy: 264.89,
r: 5.11,
transform: "translate(-173.79 -62.05) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M949.43,256.58c2.69-.51,5.44.36,8,1.31a17.79,17.79,0,0,1,6.18,3.35c3.27,3.07,4,8,4.08,12.44s-.14,9.19,1.86,13.2a13.08,13.08,0,0,0,12.09,7.05c-2.87,1.92-6.76,1.73-9.91.31a14.79,14.79,0,0,1-6.7-6.06,36.65,36.65,0,0,1-2.39-5.71A74.11,74.11,0,0,0,954.07,266a10.57,10.57,0,0,0-1.9-2.23,7.21,7.21,0,0,0-3.66-1.46c-1.09-.15-3,.36-3.64-.72C943.44,259.33,947.83,256.88,949.43,256.58Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 294.93,
y: 164.1,
width: 67.48,
height: 80.52,
transform: "matrix(1, -0.01, 0.01, 1, -173.27, -67.62)",
fill: "url(#ff0a9a5e-e45c-4b07-b4cc-7733561d3616)"
})
),
_react2.default.createElement("rect", {
x: 296.15,
y: 165.7,
width: 65.22,
height: 77.24,
transform: "translate(-173.27 -67.62) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 328.92,
cy: 202.13,
r: 12.02,
transform: "translate(-173.25 -67.62) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 328.96,
cy: 206.14,
r: 10.93,
transform: "translate(-173.29 -67.62) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 326.51,
y: 212.69,
width: 5.1,
height: 8.74,
transform: "translate(-173.39 -67.62) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M329.73,218.88h0a12.57,12.57,0,0,1,12.57,12.57v11.48a0,0,0,0,1,0,0H317.16a0,0,0,0,1,0,0V231.45a12.57,12.57,0,0,1,12.57-12.57Z",
transform: "translate(-173.51 -67.61) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 328.81,
cy: 190.11,
r: 4.37,
transform: "translate(-173.14 -67.62) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M330.24,183c2.3-.44,4.65.31,6.85,1.12a15.21,15.21,0,0,1,5.29,2.86c2.8,2.62,3.4,6.8,3.49,10.64s-.12,7.86,1.59,11.29a11.18,11.18,0,0,0,10.33,6c-2.45,1.64-5.78,1.48-8.47.27a12.65,12.65,0,0,1-5.73-5.18,31.33,31.33,0,0,1-2-4.88,63.36,63.36,0,0,0-7.34-14.1,9,9,0,0,0-1.62-1.91,6.16,6.16,0,0,0-3.13-1.25c-.93-.13-2.53.31-3.11-.62C325.12,185.35,328.88,183.26,330.24,183Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 176.19,
y: 241.61,
width: 81.25,
height: 94.51,
transform: "translate(-174.08 -68.59) rotate(-0.52)",
fill: "url(#b894e33b-ac47-4a44-9333-a9aaaa82bb12)"
})
),
_react2.default.createElement("rect", {
x: 177.85,
y: 243.47,
width: 78.23,
height: 92.65,
transform: "translate(-174.09 -68.59) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("circle", {
cx: 216.28,
cy: 287.18,
r: 14.42,
transform: "translate(-174.06 -68.6) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 216.33,
cy: 291.98,
r: 13.11,
transform: "translate(-174.11 -68.6) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 213.39,
y: 299.85,
width: 6.12,
height: 10.49,
transform: "translate(-174.23 -68.6) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M215.26,307.27h4a13.08,13.08,0,0,1,13.08,13.08v15.76a0,0,0,0,1,0,0H202.18a0,0,0,0,1,0,0V320.36a13.08,13.08,0,0,1,13.08-13.08Z",
transform: "translate(-174.38 -68.59) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M206.14,276.78s8.69-5.32,10.39-11c0,0,4,8.27,10.18,13.89Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 288.75,
cy: 679,
r: 24.91,
transform: "translate(-177.64 -67.92) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 288.82,
cy: 687.3,
r: 22.65,
transform: "translate(-177.71 -67.92) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 283.75,
y: 700.89,
width: 10.57,
height: 18.12,
transform: "translate(-177.92 -67.92) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M289.63,713.71h1.59A25.25,25.25,0,0,1,316.47,739v24.58a0,0,0,0,1,0,0H264.38a0,0,0,0,1,0,0V739A25.25,25.25,0,0,1,289.63,713.71Z",
transform: "translate(-178.18 -67.9) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M271.22,661s15-9.2,17.94-19c0,0,6.92,14.28,17.58,24Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 724.88,
y: 124.81,
width: 67.76,
height: 77.41,
transform: "translate(-172.91 -63.65) rotate(-0.52)",
fill: "url(#421a0547-9346-4a1e-9997-f26fe9047b8e)"
})
),
_react2.default.createElement("rect", {
x: 726.26,
y: 126.34,
width: 65.24,
height: 75.88,
transform: "translate(-172.92 -63.65) rotate(-0.52)",
fill: "#e6e6e6"
}),
_react2.default.createElement("ellipse", {
cx: 758.31,
cy: 162.14,
rx: 12.03,
ry: 11.81,
transform: "translate(-172.9 -63.65) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("ellipse", {
cx: 758.35,
cy: 166.07,
rx: 10.93,
ry: 10.74,
transform: "translate(-172.93 -63.65) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 755.9,
y: 172.52,
width: 5.1,
height: 8.59,
transform: "matrix(1, -0.01, 0.01, 1, -173.03, -63.65)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M759.12,178.6h0a12.57,12.57,0,0,1,12.57,12.57v11.05a0,0,0,0,1,0,0H746.54a0,0,0,0,1,0,0V191.17A12.57,12.57,0,0,1,759.12,178.6Z",
transform: "translate(-173.16 -63.65) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M749.85,153.62s7.25-4.36,8.66-9A43.1,43.1,0,0,0,767,156Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("polygon", {
points: "359.03 373.23 359.03 375.05 398.47 443.43 398.47 484.15 427.44 499.65 427.44 498.74 427.44 443.43 466.58 375.05 466.58 373.23 359.03 373.23",
fill: "url(#06731b5d-dbed-4868-bd06-0f960387a52e)"
})
),
_react2.default.createElement("rect", { x: 360.23, y: 374.12, width: 104.55, height: 1.8, fill: "#cfd8dc" }),
_react2.default.createElement("rect", { x: 360.23, y: 374.12, width: 104.55, height: 1.8, opacity: 0.1 }),
_react2.default.createElement("polygon", {
points: "360.23 375.92 398.57 443.33 398.57 483.47 426.74 497.85 426.74 443.33 464.78 375.92 360.23 375.92",
fill: "#cfd8dc"
}),
_react2.default.createElement("polygon", {
points: "400.37 483.47 400.37 443.33 362.02 375.92 360.23 375.92 398.57 443.33 398.57 483.47 400.37 483.47",
fill: "#fff",
opacity: 0.2
}),
_react2.default.createElement("polygon", {
points: "398.57 483.47 426.74 498.75 426.74 497.85 400.37 483.47 398.57 483.47",
fill: "#cfd8dc"
}),
_react2.default.createElement("polygon", {
points: "398.57 483.47 426.74 498.75 426.74 497.85 400.37 483.47 398.57 483.47",
opacity: 0.1
}),
_react2.default.createElement("rect", {
x: 620.03,
y: 523.23,
width: 237.07,
height: 232.3,
fill: "url(#19cac155-7edc-4646-8110-3a5404b3794a)"
}),
_react2.default.createElement("rect", { x: 621.23, y: 525.02, width: 234.69, height: 228.73, fill: "#fff" }),
_react2.default.createElement("rect", { x: 645.05, y: 544.01, width: 187.03, height: 145.2, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 658.27, y: 709.61, width: 165.15, height: 7.61, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 684.62, y: 724.82, width: 112.45, height: 7.61, fill: "#e0e0e0" }),
_react2.default.createElement("rect", {
x: 308.39,
y: 522.45,
width: 238.78,
height: 233.98,
fill: "url(#5c907026-92e9-4e9f-a9ea-601c30aeeb56)"
}),
_react2.default.createElement("rect", { x: 309.59, y: 524.25, width: 236.38, height: 230.38, fill: "#fff" }),
_react2.default.createElement("rect", { x: 333.59, y: 543.38, width: 188.38, height: 146.25, fill: props.primaryColor }),
_react2.default.createElement("rect", { x: 340.65, y: 707.15, width: 166.34, height: 7.66, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 367.18, y: 722.47, width: 113.27, height: 7.66, fill: "#e0e0e0" }),
_react2.default.createElement("path", {
d: "M213.58,354s-1,111,97,90,101-55,213-11",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M947.58,344s1,111-97,90-101-55-213-11",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M595.58,344s-13,31,6,46-2,47-2,47",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M329,265.24s15,73,88,73,137,82,123,92",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M435,224.24s-19.22,35.35,1.91,71.37a76,76,0,0,0,45.67,34.44c45.31,12.42,65.15,6.65,94.43,81.18",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement("path", {
d: "M758,226.24s15.35,18.69-13.37,58.24a97.73,97.73,0,0,1-45.32,33.84c-29,10.77-57.31,41.92-57.31,87.92",
transform: "translate(-171.45 -70.58)",
fill: "none",
stroke: "#3ad29f",
strokeMiterlimit: 10,
strokeWidth: 2,
strokeDasharray: 12
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 396.67,
width: 59.89,
height: 68.13,
fill: "url(#7e326c48-2616-48c7-85a2-bec6e526d5c1)"
})
),
_react2.default.createElement("rect", { x: 398.57, y: 0.95, width: 56.72, height: 67.18, fill: "#e6e6e6" }),
_react2.default.createElement("circle", { cx: 426.29, cy: 32.64, r: 10.46, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 426.29, cy: 36.13, r: 9.51, fill: "#fff" }),
_react2.default.createElement("rect", { x: 424.08, y: 41.83, width: 4.44, height: 7.61, fill: "#fff" }),
_react2.default.createElement("path", {
d: "M426.77,47.22h0A10.93,10.93,0,0,1,437.7,58.15v10a0,0,0,0,1,0,0H415.84a0,0,0,0,1,0,0v-10A10.93,10.93,0,0,1,426.77,47.22Z",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M592.84,92.07q-1,.53-2,1.13a3.43,3.43,0,0,0-1.4,1.31,2.49,2.49,0,0,1-.33.64c-.3.33-.8.32-1.23.42-1.4.33-2.12,1.87-2.5,3.25a23.2,23.2,0,0,0-.55,2.51,3.13,3.13,0,0,0,.05,1.65c.09.23.23.43.3.66.26.86-.47,1.67-.65,2.55a4.32,4.32,0,0,0,.39,2.33,2.78,2.78,0,0,0,.31.66,4.46,4.46,0,0,0,.39.43,3.7,3.7,0,0,1,.71,1.13,24.49,24.49,0,0,1,4.42,1.26c2.33.91,4.63,2.19,7.13,2.07a6.56,6.56,0,0,0,2-.41c1.25-.47,2.33-1.31,3.6-1.71a31.38,31.38,0,0,1,3.56-.6c.57-.11,1.27-.54,1.05-1.08a1.67,1.67,0,0,0,1.71-.33,4.55,4.55,0,0,0,1-1.49A13.78,13.78,0,0,0,612,105.5a8.34,8.34,0,0,0-.75-5.89,2.63,2.63,0,0,0-.73-.92c-.23-.17-.5-.27-.72-.45a2.65,2.65,0,0,1-.55-.72q-1.19-2-2.51-3.81a7.76,7.76,0,0,0-3.28-3c-2.09-.8-3.62.47-5.6.55a14.28,14.28,0,0,0-2.57-.14A9.36,9.36,0,0,0,592.84,92.07Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 683.67,
y: 71,
width: 59.89,
height: 68.13,
fill: "url(#809fb2c4-55c1-495a-9238-84749dfd9959)"
})
),
_react2.default.createElement("rect", { x: 685.57, y: 71.95, width: 56.72, height: 67.18, fill: "#e6e6e6" }),
_react2.default.createElement("circle", { cx: 713.29, cy: 103.64, r: 10.46, fill: "#fff" }),
_react2.default.createElement("circle", { cx: 713.29, cy: 107.13, r: 9.51, fill: "#fff" }),
_react2.default.createElement("rect", { x: 711.08, y: 112.83, width: 4.44, height: 7.61, fill: "#fff" }),
_react2.default.createElement("path", {
d: "M713.77,118.22h0a10.93,10.93,0,0,1,10.93,10.93v10a0,0,0,0,1,0,0H702.84a0,0,0,0,1,0,0v-10a10.93,10.93,0,0,1,10.93-10.93Z",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M879.84,163.07q-1,.53-2,1.13a3.43,3.43,0,0,0-1.4,1.31,2.49,2.49,0,0,1-.33.64c-.3.33-.8.32-1.23.42-1.4.33-2.12,1.87-2.5,3.25a23.2,23.2,0,0,0-.55,2.51,3.13,3.13,0,0,0,.05,1.65c.09.23.23.43.3.66.26.86-.47,1.67-.65,2.55a4.32,4.32,0,0,0,.39,2.33,2.78,2.78,0,0,0,.31.66,4.46,4.46,0,0,0,.39.43,3.7,3.7,0,0,1,.71,1.13,24.49,24.49,0,0,1,4.42,1.26c2.33.91,4.63,2.19,7.13,2.07a6.56,6.56,0,0,0,2-.41c1.25-.47,2.33-1.31,3.6-1.71a31.38,31.38,0,0,1,3.56-.6c.57-.11,1.27-.54,1.05-1.08a1.67,1.67,0,0,0,1.71-.33,4.55,4.55,0,0,0,1-1.49A13.78,13.78,0,0,0,899,176.5a8.34,8.34,0,0,0-.75-5.89,2.63,2.63,0,0,0-.73-.92c-.23-.17-.5-.27-.72-.45a2.65,2.65,0,0,1-.55-.72q-1.19-2-2.51-3.81a7.76,7.76,0,0,0-3.28-3c-2.09-.8-3.62.47-5.6.55a14.28,14.28,0,0,0-2.57-.14A9.36,9.36,0,0,0,879.84,163.07Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
),
_react2.default.createElement("circle", {
cx: 595.82,
cy: 680.79,
r: 23.66,
transform: "translate(-177.54 -65.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 595.89,
cy: 688.68,
r: 21.51,
transform: "translate(-177.62 -65.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 591.06,
y: 701.58,
width: 10.04,
height: 17.21,
transform: "translate(-177.81 -65.2) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M597.4,713.76h0a24.74,24.74,0,0,1,24.74,24.74v22.58a0,0,0,0,1,0,0H572.67a0,0,0,0,1,0,0V738.5A24.74,24.74,0,0,1,597.4,713.76Z",
transform: "translate(-178.05 -65.18) rotate(-0.52)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 595.6,
cy: 657.13,
r: 8.6,
transform: "matrix(1, -0.01, 0.01, 1, -177.33, -65.2)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M598.41,643.14c4.53-.86,9.15.61,13.47,2.2,3.73,1.38,7.51,2.92,10.4,5.64,5.5,5.16,6.68,13.39,6.87,20.93s-.23,15.46,3.14,22.22A22,22,0,0,0,652.62,706c-4.83,3.23-11.38,2.91-16.68.53a24.88,24.88,0,0,1-11.27-10.19,61.66,61.66,0,0,1-4-9.6A124.69,124.69,0,0,0,606.22,659a17.78,17.78,0,0,0-3.2-3.76,12.13,12.13,0,0,0-6.16-2.46c-1.84-.25-5,.61-6.12-1.21C588.34,647.77,595.73,643.65,598.41,643.14Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
}),
_react2.default.createElement("circle", { cx: 743.84, cy: 612.28, r: 22.94, fill: "#fff" }),
_react2.default.createElement("rect", { x: 738.49, y: 626.05, width: 10.71, height: 18.35, fill: "#fff" }),
_react2.default.createElement("path", {
d: "M743.86,639h2.27a25.25,25.25,0,0,1,25.25,25.25v25.22a0,0,0,0,1,0,0H718.61a0,0,0,0,1,0,0V664.3A25.25,25.25,0,0,1,743.86,639Z",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M941,706c-1,1-48,3-51,0,2-10,0-34.5,0-34.5a25.5,25.5,0,0,1,25.5-25.5h0A25.5,25.5,0,0,1,941,671.5S938,702,941,706Z",
transform: "translate(-171.45 -70.58)",
fill: "#fff"
})
);
};
UndrawFilter.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawFilter.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawFilter;