react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
510 lines (500 loc) • 18.4 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 UndrawFileSearching = function UndrawFileSearching(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "9a5c15f4-7944-40bc-b8da-d63b7d478a28",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 842 778.92"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "a91ba363-77be-43f7-9cf6-91c4a3880d9c",
x1: 378.37,
y1: 732.81,
x2: 378.37,
y2: 130.21,
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: "d1e6aa0e-d79d-4f6f-afbb-c37e9ed80ff9",
x1: 274.44,
y1: 409.32,
x2: 274.44,
y2: 248.16,
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement("linearGradient", {
id: "a279b039-1afd-4281-8292-ccd5c8c9b734",
x1: 274.44,
y1: 361.44,
x2: 274.44,
y2: 261.01,
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement(
"clipPath",
{
id: "42e7b1d1-2be2-47b0-aacb-a853df270819",
transform: "translate(-179 -60.54)"
},
_react2.default.createElement("rect", {
id: "cf34cfb5-9399-4bae-9cea-d47bbef6cb3a",
"data-name": "<Rectangle>",
x: 381.54,
y: 322.72,
width: 143.79,
height: 96.93,
fill: "#fff"
})
),
_react2.default.createElement("linearGradient", {
id: "972637f2-71db-4198-9c75-a0854a7fe249",
x1: 274.44,
y1: 616.03,
x2: 274.44,
y2: 454.87,
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement("linearGradient", {
id: "6c85befd-f960-412c-83e0-663d4b13bf85",
x1: 274.44,
y1: 568.15,
x2: 274.44,
y2: 467.72,
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement(
"clipPath",
{
id: "f66b8fac-771d-49bf-85c7-4ce29a79f723",
transform: "translate(-179 -60.54)"
},
_react2.default.createElement("rect", {
id: "7439734d-5f7c-428f-88ce-e68b86a45c07",
"data-name": "<Rectangle>",
x: 381.54,
y: 529.42,
width: 143.79,
height: 96.93,
fill: "#fff"
})
),
_react2.default.createElement("linearGradient", {
id: "598f8edf-c762-4b18-b52d-250fc678075a",
x1: 688.76,
y1: 765.86,
x2: 688.76,
y2: 163.26,
gradientTransform: "translate(1142.22 -188.53) rotate(90)",
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement("linearGradient", {
id: "013b841e-9a42-49b8-8a36-6db9ed002b72",
x1: 688.18,
y1: 568.49,
x2: 688.18,
y2: 409.67,
gradientTransform: "translate(1161.39 -164.01) rotate(90)",
xlinkHref: "#a91ba363-77be-43f7-9cf6-91c4a3880d9c"
}),
_react2.default.createElement(
"linearGradient",
{
id: "f8cab3c1-d868-48bc-b87d-cd2075ddc26a",
x1: 810.6,
y1: 767.54,
x2: 810.6,
y2: 362.71,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopColor: "#b3b3b3", stopOpacity: 0.25 }),
_react2.default.createElement("stop", { offset: 0.54, stopColor: "#b3b3b3", stopOpacity: 0.1 }),
_react2.default.createElement("stop", { offset: 1, stopColor: "#b3b3b3", stopOpacity: 0.05 })
),
_react2.default.createElement(
"linearGradient",
{
id: "043d467e-585e-47c7-bb2c-06dd6f5be04b",
x1: 685.49,
y1: 507.08,
x2: 685.49,
y2: 487.6,
gradientUnits: "userSpaceOnUse"
},
_react2.default.createElement("stop", { offset: 0, stopOpacity: 0.12 }),
_react2.default.createElement("stop", { offset: 0.55, stopOpacity: 0.09 }),
_react2.default.createElement("stop", { offset: 1, stopOpacity: 0.02 })
),
_react2.default.createElement("linearGradient", {
id: "be08032f-102d-431e-9b5f-1e4ebfc8159b",
x1: 774.99,
y1: 484.73,
x2: 774.99,
y2: 425.15,
xlinkHref: "#043d467e-585e-47c7-bb2c-06dd6f5be04b"
})
),
_react2.default.createElement(
"title",
null,
"file searching"
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 154.15,
y: 130.21,
width: 448.44,
height: 602.6,
fill: "url(#a91ba363-77be-43f7-9cf6-91c4a3880d9c)"
})
),
_react2.default.createElement("rect", { x: 159.99, y: 138.39, width: 434.43, height: 581.58, fill: "#f2f2f2" }),
_react2.default.createElement("rect", { x: 193.86, y: 162.91, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", {
x: 193.86,
y: 183.93,
width: 149.48,
height: 4.67,
fill: props.primaryColor,
opacity: 0.7
}),
_react2.default.createElement("rect", { x: 365.53, y: 162.91, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 388.88, y: 296.05, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 392.39, y: 308.89, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 399.4, y: 321.74, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 388.88, y: 502.75, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 392.39, y: 515.6, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement("rect", { x: 399.4, y: 528.44, width: 149.48, height: 4.67, fill: "#e0e0e0" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 195.03,
y: 248.16,
width: 158.82,
height: 161.16,
fill: "url(#d1e6aa0e-d79d-4f6f-afbb-c37e9ed80ff9)"
})
),
_react2.default.createElement("rect", { x: 196.03, y: 251.67, width: 156.32, height: 154.15, fill: "#f5f5f5" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 201.54,
y: 261.01,
width: 145.8,
height: 100.43,
fill: "url(#a279b039-1afd-4281-8292-ccd5c8c9b734)"
})
),
_react2.default.createElement("rect", {
id: "e1f34465-d008-41db-868b-e00503fb87b3",
"data-name": "<Rectangle>",
x: 202.54,
y: 262.18,
width: 143.79,
height: 96.93,
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ clipPath: "url(#42e7b1d1-2be2-47b0-aacb-a853df270819)" },
_react2.default.createElement("polygon", {
points: "190.35 355.61 226.56 299.55 241.74 324.07 274.44 290.21 302.47 324.07 326.99 273.86 390.05 374.29 185.68 367.28 190.35 355.61",
fill: props.primaryColor,
opacity: 0.4
}),
_react2.default.createElement("circle", { cx: 218.38, cy: 276.19, r: 10.51, fill: props.primaryColor, opacity: 0.4 })
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 195.03,
y: 454.87,
width: 158.82,
height: 161.16,
fill: "url(#972637f2-71db-4198-9c75-a0854a7fe249)"
})
),
_react2.default.createElement("rect", { x: 196.03, y: 458.37, width: 156.32, height: 154.15, fill: "#f5f5f5" }),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 201.54,
y: 467.72,
width: 145.8,
height: 100.43,
fill: "url(#6c85befd-f960-412c-83e0-663d4b13bf85)"
})
),
_react2.default.createElement("rect", {
id: "c95ac4f6-be4d-44a3-92c2-5c8066e2b531",
"data-name": "<Rectangle>",
x: 202.54,
y: 468.88,
width: 143.79,
height: 96.93,
fill: "#fff"
}),
_react2.default.createElement(
"g",
{ clipPath: "url(#f66b8fac-771d-49bf-85c7-4ce29a79f723)" },
_react2.default.createElement("polygon", {
points: "190.35 562.31 226.56 506.25 241.74 530.78 274.44 496.91 302.47 530.78 326.99 480.56 390.05 580.99 185.68 573.99 190.35 562.31",
fill: "#bdbdbd",
opacity: 0.4
}),
_react2.default.createElement("circle", { cx: 218.38, cy: 482.9, r: 10.51, fill: "#bdbdbd", opacity: 0.4 })
),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 376.36,
y: 276.01,
width: 602.6,
height: 448.44,
transform: "translate(-124.09 1006.82) rotate(-78.76)",
fill: "url(#598f8edf-c762-4b18-b52d-250fc678075a)"
})
),
_react2.default.createElement("rect", {
x: 386.18,
y: 280.49,
width: 581.58,
height: 434.43,
transform: "translate(-122.17 1004.12) rotate(-78.76)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 542.89,
y: 232.65,
width: 308.31,
height: 4.67,
transform: "translate(-119.81 -191.93) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 456.83,
y: 665.62,
width: 308.31,
height: 4.67,
transform: "translate(-37.05 -166.84) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 452.26,
y: 685.13,
width: 238.24,
height: 4.67,
transform: "translate(-34.01 -158.75) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 448.46,
y: 696.91,
width: 88.75,
height: 4.67,
transform: "translate(-33.22 -143.21) rotate(11.24)",
fill: props.primaryColor,
opacity: 0.7
}),
_react2.default.createElement("rect", {
x: 539.13,
y: 243.97,
width: 154.15,
height: 4.67,
transform: "translate(-119.16 -175.95) rotate(11.24)",
fill: props.primaryColor,
opacity: 0.7
}),
_react2.default.createElement("rect", {
x: 532.71,
y: 282.38,
width: 277.94,
height: 4.67,
transform: "translate(-110.6 -186.03) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 529.49,
y: 288.24,
width: 67.73,
height: 4.67,
transform: "translate(-111.54 -164.8) rotate(11.24)",
fill: "#3ad29f",
opacity: 0.7
}),
_react2.default.createElement("rect", {
x: 521.95,
y: 338.03,
width: 308.31,
height: 4.67,
transform: "translate(-99.67 -185.82) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("rect", {
x: 592.89,
y: 385.78,
width: 158.82,
height: 276.77,
transform: "translate(-151.88 1020.84) rotate(-78.76)",
fill: "url(#013b841e-9a42-49b8-8a36-6db9ed002b72)"
})
),
_react2.default.createElement("rect", {
x: 535.78,
y: 445.94,
width: 273.27,
height: 155.32,
transform: "translate(-64.02 -181.59) rotate(11.24)",
fill: "#fff"
}),
_react2.default.createElement("rect", {
x: 516.71,
y: 364.38,
width: 308.31,
height: 4.67,
transform: "translate(-94.63 -184.29) rotate(11.24)",
fill: "#e0e0e0"
}),
_react2.default.createElement("rect", {
x: 566.14,
y: 449.2,
width: 33.87,
height: 113.28,
transform: "translate(-69.19 -164.51) rotate(11.24)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 622.06,
y: 498.05,
width: 33.87,
height: 75.91,
transform: "translate(-62.24 -174.83) rotate(11.24)",
fill: "#3ad29f"
}),
_react2.default.createElement("rect", {
x: 678.21,
y: 544.59,
width: 33.87,
height: 40.87,
transform: "translate(-55.5 -185.22) rotate(11.24)",
fill: "#f55f44"
}),
_react2.default.createElement("rect", {
x: 741.87,
y: 514.79,
width: 33.87,
height: 82.92,
transform: "translate(-55.99 -197.8) rotate(11.24)",
fill: "#fdd835"
}),
_react2.default.createElement("path", {
d: "M880.45,410.55a155.89,155.89,0,0,0-223.11-1.68c-59,59.48-60,156.33-2.29,217.07A155.89,155.89,0,0,0,854.95,648L967.64,765.21a7.59,7.59,0,0,0,10.73.21l28.08-27a7.59,7.59,0,0,0,.21-10.73L894,610.49A155.9,155.9,0,0,0,880.45,410.55ZM845.35,599a111.5,111.5,0,1,1,3.1-157.66A111.5,111.5,0,0,1,845.35,599Z",
transform: "translate(-179 -60.54)",
fill: "url(#f8cab3c1-d868-48bc-b87d-cd2075ddc26a)"
}),
_react2.default.createElement("path", {
d: "M685.49,487.6c-12.54,0-12.56,19.49,0,19.49S698.05,487.6,685.49,487.6Z",
transform: "translate(-179 -60.54)",
fill: "url(#043d467e-585e-47c7-bb2c-06dd6f5be04b)"
}),
_react2.default.createElement("path", {
d: "M772.9,425.17c-33.75-.76-64.46,16.17-80.79,41.73-5.33,8.34,9.8,15.71,15.1,7.41,13.52-21.16,39.21-34.6,67-33.9,29.12.73,55.62,17.39,69.65,40.51,5.32,8.77,19.27.8,14-7.92C840.8,445,807.76,426,772.9,425.17Z",
transform: "translate(-179 -60.54)",
fill: "url(#be08032f-102d-431e-9b5f-1e4ebfc8159b)"
}),
_react2.default.createElement("path", {
d: "M892.68,404.63a155.89,155.89,0,0,0-223.11-1.68c-59,59.48-60,156.33-2.29,217.07a155.89,155.89,0,0,0,199.9,22.05L979.86,759.29a7.59,7.59,0,0,0,10.73.21l28.08-27a7.59,7.59,0,0,0,.21-10.73L906.19,604.56A155.9,155.9,0,0,0,892.68,404.63ZM857.58,593a111.5,111.5,0,1,1,3.1-157.66A111.5,111.5,0,0,1,857.58,593Z",
transform: "translate(-179 -60.54)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M697.72,481.67c-12.54,0-12.56,19.49,0,19.49S710.28,481.67,697.72,481.67Z",
transform: "translate(-179 -60.54)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M785.13,419.25c-33.75-.76-64.46,16.17-80.79,41.73-5.33,8.34,9.8,15.71,15.1,7.41,13.52-21.16,39.21-34.6,67-33.9,29.12.73,55.62,17.39,69.65,40.51,5.32,8.77,19.27.8,14-7.92C853,439,820,420,785.13,419.25Z",
transform: "translate(-179 -60.54)",
fill: props.primaryColor
}),
_react2.default.createElement("rect", { x: 121.45, y: 663.91, width: 3.5, height: 19.85, fill: "#47e6b1" }),
_react2.default.createElement("rect", {
x: 300.45,
y: 724.45,
width: 3.5,
height: 19.85,
transform: "translate(857.58 371.63) rotate(90)",
fill: "#47e6b1"
}),
_react2.default.createElement("path", {
d: "M750.87,68.49a4.29,4.29,0,0,1-2.39-5.19,2.06,2.06,0,0,0,.09-.48h0a2.15,2.15,0,0,0-3.87-1.43h0a2.06,2.06,0,0,0-.24.42,4.29,4.29,0,0,1-5.19,2.39,2.06,2.06,0,0,0-.48-.09h0A2.15,2.15,0,0,0,737.38,68h0a2.06,2.06,0,0,0,.42.24,4.29,4.29,0,0,1,2.39,5.19,2.06,2.06,0,0,0-.09.48h0A2.15,2.15,0,0,0,744,75.32h0a2.06,2.06,0,0,0,.24-.42,4.29,4.29,0,0,1,5.19-2.39,2.06,2.06,0,0,0,.48.09h0a2.15,2.15,0,0,0,1.43-3.87h0A2.06,2.06,0,0,0,750.87,68.49Z",
transform: "translate(-179 -60.54)",
fill: "#4d8af0"
}),
_react2.default.createElement("path", {
d: "M316.44,215.64a4.29,4.29,0,0,1-2.39-5.19,2.06,2.06,0,0,0,.09-.48h0a2.15,2.15,0,0,0-3.87-1.43h0a2.06,2.06,0,0,0-.24.42,4.29,4.29,0,0,1-5.19,2.39,2.06,2.06,0,0,0-.48-.09h0a2.15,2.15,0,0,0-1.43,3.87h0a2.06,2.06,0,0,0,.42.24,4.29,4.29,0,0,1,2.39,5.19,2.06,2.06,0,0,0-.09.48h0a2.15,2.15,0,0,0,3.87,1.43h0a2.06,2.06,0,0,0,.24-.42,4.29,4.29,0,0,1,5.19-2.39,2.06,2.06,0,0,0,.48.09h0a2.15,2.15,0,0,0,1.43-3.87h0A2.06,2.06,0,0,0,316.44,215.64Z",
transform: "translate(-179 -60.54)",
fill: "#fdd835"
}),
_react2.default.createElement("path", {
d: "M934.22,822.9a4.29,4.29,0,0,1-2.39-5.19,2.06,2.06,0,0,0,.09-.48h0a2.15,2.15,0,0,0-3.87-1.43h0a2.06,2.06,0,0,0-.24.42,4.29,4.29,0,0,1-5.19,2.39,2.06,2.06,0,0,0-.48-.09h0a2.15,2.15,0,0,0-1.43,3.87h0a2.06,2.06,0,0,0,.42.24,4.29,4.29,0,0,1,2.39,5.19,2.06,2.06,0,0,0-.09.48h0a2.15,2.15,0,0,0,3.87,1.43h0a2.06,2.06,0,0,0,.24-.42,4.29,4.29,0,0,1,5.19-2.39,2.06,2.06,0,0,0,.48.09h0a2.15,2.15,0,0,0,1.43-3.87h0A2.06,2.06,0,0,0,934.22,822.9Z",
transform: "translate(-179 -60.54)",
fill: "#fdd835"
}),
_react2.default.createElement("circle", { cx: 321.15, cy: 75.33, r: 7.01, fill: "#f55f44" }),
_react2.default.createElement("circle", { cx: 823.31, cy: 162.91, r: 7.01, fill: "#f55f44" }),
_react2.default.createElement("circle", { cx: 783.61, cy: 371.95, r: 7.01, fill: "#4d8af0" }),
_react2.default.createElement("circle", { cx: 7.01, cy: 28.61, r: 7.01, fill: "#47e6b1", opacity: 0.5 })
);
};
UndrawFileSearching.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawFileSearching.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawFileSearching;