react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
723 lines (713 loc) • 28.8 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 UndrawMobileApps = function UndrawMobileApps(props) {
return _react2.default.createElement(
"svg",
{
style: { height: props.height, width: '100%' },
className: props.class,
id: "c30e0d3c-7d63-44c3-a844-05f19c6deb9e",
"data-name": "Layer 1",
xmlnsXlink: "http://www.w3.org/1999/xlink",
viewBox: "0 0 918.21 702.7"
},
_react2.default.createElement(
"defs",
null,
_react2.default.createElement(
"linearGradient",
{
id: "ab413e6d-bded-4fe9-8b1a-854d2405dd6b",
x1: 473.15,
y1: 763.14,
x2: 757.69,
y2: 91.26,
gradientTransform: "translate(-13.63 -2.04) rotate(-0.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: "d3c28b5f-26f8-46e4-b156-a8a3d4c863e6",
x1: 716.19,
y1: 374.64,
x2: 716.19,
y2: 302.23,
gradientTransform: "matrix(-1, 0, 0, 1, 1202, 0)",
xlinkHref: "#ab413e6d-bded-4fe9-8b1a-854d2405dd6b"
}),
_react2.default.createElement("linearGradient", {
id: "ec26d271-a053-41e5-a593-550ef3580f0a",
x1: 808.96,
y1: 801.35,
x2: 808.96,
y2: 258.82,
gradientTransform: "matrix(-1, 0, 0, 1, 1202, 0)",
xlinkHref: "#ab413e6d-bded-4fe9-8b1a-854d2405dd6b"
})
),
_react2.default.createElement(
"title",
null,
"mobile_apps"
),
_react2.default.createElement("path", {
d: "M354,665.14c12.31.81,25.32,5.08,36.52-.09,2.89-1.33,5.51-3.25,8.51-4.32,6.89-2.46,14.46-.07,21.4,2.23a948.63,948.63,0,0,0,166.86,38.93c11.68,1.63,23.87,3,35-.8,8.14-2.77,15.19-8.12,23.25-11.12,13.18-4.89,27.74-3.07,41.77-2.3a267.56,267.56,0,0,0,108-16.45l1.81-.69a54.6,54.6,0,0,1,52.09,7,127.79,127.79,0,0,0,18.58,11.33,45.25,45.25,0,0,1,20.59,59.63l-.24.52c-5.72,12.47-10.49,26.43-21.7,34.35-10.57,7.47-24.44,7.78-37.38,7.81l-79.43.19c-8.24,0-16.58,0-24.58-1.94-7.19-1.77-13.88-5.09-20.51-8.39L669,763.4c-14.31-7.11-30-14.43-45.66-11.16-16,3.34-27.53,16.79-41.47,25.27-21.63,13.17-50.39,13.69-72.48,1.29-10.58-5.94-19.77-14.6-31.31-18.33-19.06-6.17-39.31,2.37-58.92,6.46C381,774.89,336.05,764,306.81,737.67,269.15,703.75,313.37,662.48,354,665.14Z",
transform: "translate(-140.89 -98.65)",
fill: "#f0e4e4"
}),
_react2.default.createElement("path", {
d: "M209.69,721.78S180.58,623,215.15,550.22c14.51-30.53,19.33-64.8,12.62-97.93a262.52,262.52,0,0,0-13.86-46",
transform: "translate(-140.89 -98.65)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement("path", {
d: "M235.41,360.36c0,12.11-21.93,47.23-21.93,47.23s-21.93-35.12-21.93-47.23a21.93,21.93,0,1,1,43.86,0Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M271.66,427.45c-6.58,10.17-44.08,27.73-44.08,27.73s.68-41.4,7.26-51.57a21.93,21.93,0,1,1,36.82,23.84Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M270.08,542.09c-10.81,5.45-52,1.69-52,1.69s21.49-35.4,32.3-40.85a21.93,21.93,0,1,1,19.75,39.16Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M249.35,628.57c-9.74,7.2-51,10.46-51,10.46s15.2-38.52,24.93-45.72a21.93,21.93,0,0,1,26.08,35.26Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M181.54,457.52c8.69,8.44,49.16,17.18,49.16,17.18s-9.91-40.2-18.6-48.64a21.93,21.93,0,0,0-30.56,31.46Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M158.57,559c10.81,5.45,52,1.69,52,1.69s-21.49-35.4-32.3-40.85A21.93,21.93,0,0,0,158.57,559Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M149.78,660.62c9.74,7.2,51,10.46,51,10.46s-15.2-38.52-24.93-45.72a21.93,21.93,0,0,0-26.08,35.26Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M235.41,360.36c0,12.11-21.93,47.23-21.93,47.23s-21.93-35.12-21.93-47.23a21.93,21.93,0,1,1,43.86,0Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M271.66,427.45c-6.58,10.17-44.08,27.73-44.08,27.73s.68-41.4,7.26-51.57a21.93,21.93,0,1,1,36.82,23.84Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M270.08,542.09c-10.81,5.45-52,1.69-52,1.69s21.49-35.4,32.3-40.85a21.93,21.93,0,1,1,19.75,39.16Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M249.35,628.57c-9.74,7.2-51,10.46-51,10.46s15.2-38.52,24.93-45.72a21.93,21.93,0,0,1,26.08,35.26Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M181.54,457.52c8.69,8.44,49.16,17.18,49.16,17.18s-9.91-40.2-18.6-48.64a21.93,21.93,0,0,0-30.56,31.46Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M158.57,559c10.81,5.45,52,1.69,52,1.69s-21.49-35.4-32.3-40.85A21.93,21.93,0,0,0,158.57,559Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M149.78,660.62c9.74,7.2,51,10.46,51,10.46s-15.2-38.52-24.93-45.72a21.93,21.93,0,0,0-26.08,35.26Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M740.41,447.92c-3.7-29,7.89-58.85,1-87.24-5.3-21.93-21-40.24-26.16-62.21-7.58-32.56,9.76-66,31.89-91,15.22-17.23,34.32-32.87,57.09-36,14.06-2,28.51,1.09,41.49,6.82a105.27,105.27,0,0,1,56.6,62.17c3,8.9,4.73,18.21,8.42,26.84,6.35,14.87,18,26.87,25.25,41.33A78.42,78.42,0,0,1,938.65,372c-8.39,20.94-26,38.46-28.6,60.87-1.89,16.15,4.17,33.84-3.7,48.07-5.94,10.74-18.17,16.16-29.75,20.22C849.66,510.56,812,525.76,785,511.29,761.38,498.64,743.83,474.69,740.41,447.92Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M816,468.53s39.66-16,44.66-25,12-62,12-62",
transform: "translate(-140.89 -98.65)",
fill: "none",
stroke: "#333",
strokeMiterlimit: 10,
strokeWidth: 3
}),
_react2.default.createElement("line", {
x1: 674.73,
y1: 614.9,
x2: 674.73,
y2: 269.9,
fill: "none",
stroke: "#333",
strokeMiterlimit: 10,
strokeWidth: 3
}),
_react2.default.createElement(
"g",
{ opacity: 0.5 },
_react2.default.createElement("path", {
d: "M768.29,98.65l-332.5.81a13.66,13.66,0,0,0-13.63,13.69L423.67,735a13.66,13.66,0,0,0,13.7,13.63l332.5-.81a13.66,13.66,0,0,0,13.63-13.69L782,112.28A13.66,13.66,0,0,0,768.29,98.65Z",
transform: "translate(-140.89 -98.65)",
fill: "url(#ab413e6d-bded-4fe9-8b1a-854d2405dd6b)"
})
),
_react2.default.createElement("rect", {
x: 427.78,
y: 107.54,
width: 350.11,
height: 631.95,
rx: 13.64,
ry: 13.64,
transform: "translate(-141.92 -97.18) rotate(-0.14)",
fill: "#535461"
}),
_react2.default.createElement("path", {
d: "M769.8,709.94a13.3,13.3,0,0,1-13.26,13.33l-306,.74a13.3,13.3,0,0,1-13.33-13.26L437,621l-1.17-483.92a13.3,13.3,0,0,1,13.26-13.33l64-.15a28.39,28.39,0,0,0,28,24.07l120.92-.29A28.4,28.4,0,0,0,690,123.17l65-.16a13.3,13.3,0,0,1,13.33,13.26L769.58,621Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M769.8,709.94a13.3,13.3,0,0,1-13.26,13.33l-306,.74a13.3,13.3,0,0,1-13.33-13.26L437,621H769.58Z",
transform: "translate(-140.89 -98.65)",
fill: "#e6e6e6"
}),
_react2.default.createElement("rect", {
x: 559.95,
y: 130.97,
width: 78.02,
height: 4.88,
rx: 2,
ry: 2,
transform: "translate(-142.83 -89.63) rotate(-0.86)",
fill: "#fff"
}),
_react2.default.createElement("circle", {
cx: 654.53,
cy: 132.08,
r: 2.93,
transform: "translate(-142.81 -88.8) rotate(-0.86)",
fill: "#fff"
}),
_react2.default.createElement("path", {
d: "M855.41,447.92c-3.7-29,7.89-58.85,1-87.24-5.3-21.93-21-40.24-26.16-62.21-7.58-32.56,9.76-66,31.89-91,15.22-17.23,34.32-32.87,57.09-36,14.06-2,28.51,1.09,41.49,6.82a105.27,105.27,0,0,1,56.6,62.17c3,8.9,4.73,18.21,8.42,26.84,6.35,14.87,18,26.87,25.25,41.33a78.42,78.42,0,0,1,2.63,63.41c-8.39,20.94-26,38.46-28.6,60.87-1.89,16.15,4.17,33.84-3.7,48.07-5.94,10.74-18.17,16.16-29.75,20.22C964.66,510.56,927,525.76,900,511.29,876.38,498.64,858.83,474.69,855.41,447.92Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M855.41,447.92c-3.7-29,7.89-58.85,1-87.24-5.3-21.93-21-40.24-26.16-62.21-7.58-32.56,9.76-66,31.89-91,15.22-17.23,34.32-32.87,57.09-36,14.06-2,28.51,1.09,41.49,6.82a105.27,105.27,0,0,1,56.6,62.17c3,8.9,4.73,18.21,8.42,26.84,6.35,14.87,18,26.87,25.25,41.33a78.42,78.42,0,0,1,2.63,63.41c-8.39,20.94-26,38.46-28.6,60.87-1.89,16.15,4.17,33.84-3.7,48.07-5.94,10.74-18.17,16.16-29.75,20.22C964.66,510.56,927,525.76,900,511.29,876.38,498.64,858.83,474.69,855.41,447.92Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.2
}),
_react2.default.createElement("path", {
d: "M931,468.53s39.66-16,44.66-25,12-62,12-62",
transform: "translate(-140.89 -98.65)",
fill: "none",
stroke: "#333",
strokeMiterlimit: 10,
strokeWidth: 3
}),
_react2.default.createElement("line", {
x1: 789.73,
y1: 614.9,
x2: 789.73,
y2: 269.9,
fill: "none",
stroke: "#333",
strokeMiterlimit: 10,
strokeWidth: 3
}),
_react2.default.createElement("path", {
d: "M282.34,762s-12.72-43.19,2.38-75a68.21,68.21,0,0,0,5.52-42.79,114.72,114.72,0,0,0-6.06-20.09",
transform: "translate(-140.89 -98.65)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement("path", {
d: "M293.58,604.06c0,5.29-9.58,20.64-9.58,20.64s-9.58-15.35-9.58-20.64a9.58,9.58,0,0,1,19.17,0Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M309.43,633.38c-2.88,4.44-19.26,12.12-19.26,12.12s.3-18.09,3.17-22.54a9.58,9.58,0,0,1,16.09,10.42Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M308.73,683.48c-4.73,2.38-22.75.74-22.75.74s9.39-15.47,14.12-17.85a9.58,9.58,0,1,1,8.63,17.11Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M299.67,721.27c-4.26,3.15-22.29,4.57-22.29,4.57s6.64-16.83,10.9-20a9.58,9.58,0,0,1,11.4,15.41Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M270,646.53c3.8,3.69,21.48,7.51,21.48,7.51s-4.33-17.57-8.13-21.26A9.58,9.58,0,1,0,270,646.53Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M260,690.85c4.73,2.38,22.75.74,22.75.74s-9.39-15.47-14.12-17.85A9.58,9.58,0,0,0,260,690.85Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M256.16,735.28c4.26,3.15,22.29,4.57,22.29,4.57s-6.64-16.83-10.9-20a9.58,9.58,0,1,0-11.4,15.41Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M293.58,604.06c0,5.29-9.58,20.64-9.58,20.64s-9.58-15.35-9.58-20.64a9.58,9.58,0,0,1,19.17,0Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M309.43,633.38c-2.88,4.44-19.26,12.12-19.26,12.12s.3-18.09,3.17-22.54a9.58,9.58,0,0,1,16.09,10.42Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M308.73,683.48c-4.73,2.38-22.75.74-22.75.74s9.39-15.47,14.12-17.85a9.58,9.58,0,1,1,8.63,17.11Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M299.67,721.27c-4.26,3.15-22.29,4.57-22.29,4.57s6.64-16.83,10.9-20a9.58,9.58,0,0,1,11.4,15.41Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M270,646.53c3.8,3.69,21.48,7.51,21.48,7.51s-4.33-17.57-8.13-21.26A9.58,9.58,0,1,0,270,646.53Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M260,690.85c4.73,2.38,22.75.74,22.75.74s-9.39-15.47-14.12-17.85A9.58,9.58,0,0,0,260,690.85Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M256.16,735.28c4.26,3.15,22.29,4.57,22.29,4.57s-6.64-16.83-10.9-20a9.58,9.58,0,1,0-11.4,15.41Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.25
}),
_react2.default.createElement("path", {
d: "M987.06,737.56s-15.76-53.5,3-92.88a84.51,84.51,0,0,0,6.83-53,142.13,142.13,0,0,0-7.51-24.88",
transform: "translate(-140.89 -98.65)",
fill: "none",
stroke: "#535461",
strokeMiterlimit: 10,
strokeWidth: 2
}),
_react2.default.createElement("path", {
d: "M1001,541.88c0,6.56-11.87,25.57-11.87,25.57s-11.87-19-11.87-25.57a11.87,11.87,0,0,1,23.75,0Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M1020.61,578.2c-3.56,5.5-23.86,15-23.86,15s.37-22.41,3.93-27.92a11.87,11.87,0,0,1,19.93,12.91Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M1019.76,640.27c-5.85,3-28.18.91-28.18.91s11.63-19.16,17.49-22.12a11.87,11.87,0,0,1,10.69,21.2Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M1008.53,687.09c-5.27,3.9-27.62,5.66-27.62,5.66s8.23-20.85,13.5-24.75a11.87,11.87,0,0,1,14.12,19.09Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M971.82,594.49c4.7,4.57,26.62,9.3,26.62,9.3s-5.37-21.77-10.07-26.33a11.87,11.87,0,0,0-16.55,17Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M959.39,649.41c5.85,3,28.18.91,28.18.91s-11.63-19.16-17.49-22.12a11.87,11.87,0,0,0-10.69,21.2Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M954.63,704.44c5.27,3.9,27.62,5.66,27.62,5.66s-8.23-20.85-13.5-24.75a11.87,11.87,0,1,0-14.12,19.09Z",
transform: "translate(-140.89 -98.65)",
fill: props.primaryColor
}),
_react2.default.createElement("path", {
d: "M1001,541.88c0,6.56-11.87,25.57-11.87,25.57s-11.87-19-11.87-25.57a11.87,11.87,0,0,1,23.75,0Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M1020.61,578.2c-3.56,5.5-23.86,15-23.86,15s.37-22.41,3.93-27.92a11.87,11.87,0,0,1,19.93,12.91Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M1019.76,640.27c-5.85,3-28.18.91-28.18.91s11.63-19.16,17.49-22.12a11.87,11.87,0,0,1,10.69,21.2Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M1008.53,687.09c-5.27,3.9-27.62,5.66-27.62,5.66s8.23-20.85,13.5-24.75a11.87,11.87,0,0,1,14.12,19.09Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M971.82,594.49c4.7,4.57,26.62,9.3,26.62,9.3s-5.37-21.77-10.07-26.33a11.87,11.87,0,0,0-16.55,17Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M959.39,649.41c5.85,3,28.18.91,28.18.91s-11.63-19.16-17.49-22.12a11.87,11.87,0,0,0-10.69,21.2Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement("path", {
d: "M954.63,704.44c5.27,3.9,27.62,5.66,27.62,5.66s-8.23-20.85-13.5-24.75a11.87,11.87,0,1,0-14.12,19.09Z",
transform: "translate(-140.89 -98.65)",
fill: "#fff",
opacity: 0.5
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 312.09,
y: 101.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 391.09,
y: 101.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 470.09,
y: 101.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 549.09,
y: 101.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
})
),
_react2.default.createElement("rect", {
x: 311.76,
y: 197.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 390.76,
y: 197.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor,
opacity: 0.6
}),
_react2.default.createElement("rect", {
x: 469.76,
y: 197.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor,
opacity: 0.6
}),
_react2.default.createElement("rect", {
x: 548.76,
y: 197.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor,
opacity: 0.6
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 311.43,
y: 293.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 390.43,
y: 293.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 469.43,
y: 293.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 548.43,
y: 293.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 311.11,
y: 389.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 390.11,
y: 389.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 469.11,
y: 389.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 548.11,
y: 389.86,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
})
),
_react2.default.createElement("path", {
d: "M486,368.86v5.78l-24.38-15.4,2.57-3.21,1.19.7,18.87-27.65V313l7.19.64v-2.57c19-21.82,20.91,2.57,17,9.63s-11.11,12.19-11.11,12.19c-4,3.36-11,28.76-12.69,35.13Z",
transform: "translate(-140.89 -98.65)",
fill: "url(#d3c28b5f-26f8-46e4-b156-a8a3d4c863e6)"
}),
_react2.default.createElement("path", {
d: "M301.15,419.25h0s18.61,36.41,12.83,72.82c-1.94,12.24-1.13,19.72.81,24.28a44.65,44.65,0,0,1-4,14.22c-7.06,14.76-7.06,30.16,1.92,48.13l2.57,93s3.21,43.63,0,52.62,1.28,52,1.28,52h-.64v23.74L364,801.35S375.27,796,377.27,792l24.16,7.43s26.59-4.58,11-10.92c-11.61-4.72-14.49-11.47-15.21-14.59l38-109.26s-7.06-93-32.73-125.13l-2.6-18.92h.36l5.45-110.47.45.06-.13,0a122.49,122.49,0,0,0,42.36-.65,66,66,0,0,0,12.27-3.43l.73-.29.08,0,.07,0h0a37.14,37.14,0,0,0,8.34-4.76l16-24.51-24.38-16.8-8.34,11.9s-26.13-5.52-40.48-11.34a61.31,61.31,0,0,0-21-4.51L376,355.27l-7.81-4.69,2.44-6.31c.24-.11.48-.22.72-.35l.22-1.35a37.43,37.43,0,0,0,27.31-45.33l.51,0c-.22-13-4.2-14.27-4.2-14.27,0-13.22-11.55-22.89-24.71-24a65.43,65.43,0,0,0-20.29,1.78,23.61,23.61,0,0,0-18,20.52C315,286,320.76,295,320.49,298.45c-1.32,16.8,4,26.73,9.9,32.52a31,31,0,0,0,8.67,6.36l-3.75,7.51-1.1,0-3.06,9H331L327.66,356A62.69,62.69,0,0,0,301.15,419.25Zm51.33,357.07V747.45l12.19-85.34V618.47L386.5,664,363,762.76l-1.23-.34-5.41,19.44A12.77,12.77,0,0,1,352.49,776.32Z",
transform: "translate(-140.89 -98.65)",
fill: "url(#ec26d271-a053-41e5-a593-550ef3580f0a)"
}),
_react2.default.createElement("path", {
d: "M481.11,321.53v15.41l-18.36,26.9,18.36,11.95s8.16-31.44,12.56-35.14c0,0,6.91-4.93,10.67-11.71s1.88-30.21-16.33-9.25v2.47Z",
transform: "translate(-140.89 -98.65)",
fill: "#fda57d"
}),
_react2.default.createElement("path", {
d: "M334.93,358.29l7.27-14.54a2.69,2.69,0,0,1,2.27-1.49l27.61-1.41a2.69,2.69,0,0,1,2.65,3.66l-7.12,18.41a2.69,2.69,0,0,1-2.75,1.71l-27.75-2.47A2.69,2.69,0,0,1,334.93,358.29Z",
transform: "translate(-140.89 -98.65)",
fill: "#fda57d"
}),
_react2.default.createElement("polygon", {
points: "196.08 253.4 191.39 267.15 239.55 265.42 221.05 254.32 196.08 253.4",
fill: "#edeef9"
}),
_react2.default.createElement("polygon", {
points: "318.47 267.27 320.93 264.19 341.89 276.52 341.89 282.07 318.47 267.27",
fill: "#edeef9"
}),
_react2.default.createElement("path", {
d: "M317.72,502.32a45.81,45.81,0,0,1-3.25,28.22c-6.78,14.18-6.78,29,1.85,46.24l2.47,89.4s3.08,41.93,0,50.56S320,766.69,320,766.69h34.53V738.94l11.71-82V615l21,43.78-24,101.12,31.44,12.95,39.46-113.45S427.3,570,402.64,539.18L398,505.57Z",
transform: "translate(-140.89 -98.65)",
fill: "#7a7478"
}),
_react2.default.createElement("path", {
d: "M319.4,789.5V766.69h35.14s2.47,9.25,18.5,11.1-7.4,12.95-7.4,12.95Z",
transform: "translate(-140.89 -98.65)",
fill: "#333"
}),
_react2.default.createElement("path", {
d: "M357.36,775.3l6.12-22,33.86,9.43s-.11,9.57,14.84,15.65-10.6,10.49-10.6,10.49Z",
transform: "translate(-140.89 -98.65)",
fill: "#333"
}),
_react2.default.createElement("path", {
d: "M398,507.42l-80.29-3.25a44.92,44.92,0,0,1,.61,14.56c3.67,8.64,11.55,6.28,11.55,6.28l70.25-2.16Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M333.89,360.68l-3.2,2.17a60.24,60.24,0,0,0-25.47,60.74h0s17.88,35,12.33,70,12.33,29.6,12.33,29.6l70.6-2.17,5.24-106.15s42.54,6.05,61.66-8.75l15.41-23.55L459.36,366.4l-8,11.44s-25.11-5.3-38.9-10.9a58.91,58.91,0,0,0-20.22-4.33Z",
transform: "translate(-140.89 -98.65)",
fill: "#4d8af0"
}),
_react2.default.createElement("path", {
d: "M334.51,531.47s-4.32,21.58,20.35,57.34",
transform: "translate(-140.89 -98.65)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M406,414.94s29.59-9.86,42.54-9.86,10.79,5.59,10.79,5.59S438.71,419.87,406,414.94Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M372.47,342.1l-11.78,1.41c-.37,0-.71.51-.91,1.24,2.59,4.67,5.83,7.45,9.35,7.45a7.27,7.27,0,0,0,3.57-1l.9-5.45C373.9,343.94,373.3,342,372.47,342.1Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.1
}),
_react2.default.createElement("circle", { cx: 223.36, cy: 216.35, r: 35.96, fill: "#fda57d" }),
_react2.default.createElement("path", {
d: "M394.84,294.64h0L393,296.3a6.22,6.22,0,0,0,1.81,10.33h0s-16.11,16.11-18.35,19.1.37,10.86.37,10.86,7.12,13.11-30.34,10.11c0,0-24.72-5.24-22.1-38.58.26-3.34-5.24-12,11.24-16.48h0A22.68,22.68,0,0,1,353,271.94a62.87,62.87,0,0,1,19.5-1.71A24.48,24.48,0,0,1,394.84,294.64Z",
transform: "translate(-140.89 -98.65)",
opacity: 0.1
}),
_react2.default.createElement("path", {
d: "M395.62,292.68h0s3.82,1.18,4,13.71l-5.43-.37s-12.56,33.6-11.24,29.22c4.87-16.11-4.87-13.11-7.12-10.11s.37,10.86.37,10.86,7.12,13.11-30.34,10.11c0,0-24.72-5.24-22.1-38.58.26-3.34-5.24-12,11.24-16.48h0a22.68,22.68,0,0,1,17.34-19.71,62.87,62.87,0,0,1,19.5-1.71C384.52,270.69,395.62,280,395.62,292.68Z",
transform: "translate(-140.89 -98.65)",
fill: "#72351c"
}),
_react2.default.createElement(
"g",
{ opacity: 0.6 },
_react2.default.createElement("rect", {
x: 312.11,
y: 542.35,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 391.11,
y: 542.35,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 470.11,
y: 542.35,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
}),
_react2.default.createElement("rect", {
x: 549.11,
y: 542.35,
width: 64,
height: 64,
rx: 10.5,
ry: 10.5,
fill: props.primaryColor
})
),
_react2.default.createElement(
"g",
{ opacity: 0.1 },
_react2.default.createElement("rect", { x: 312.11, y: 542.35, width: 64, height: 64, rx: 10.5, ry: 10.5 }),
_react2.default.createElement("rect", { x: 391.11, y: 542.35, width: 64, height: 64, rx: 10.5, ry: 10.5 }),
_react2.default.createElement("rect", { x: 470.11, y: 542.35, width: 64, height: 64, rx: 10.5, ry: 10.5 }),
_react2.default.createElement("rect", { x: 549.11, y: 542.35, width: 64, height: 64, rx: 10.5, ry: 10.5 })
)
);
};
UndrawMobileApps.propTypes = {
/**
* Hex color
*/
primaryColor: _propTypes2.default.string,
/**
* percentage
*/
height: _propTypes2.default.string,
/**
* custom class for svg
*/
class: _propTypes2.default.string
};
UndrawMobileApps.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
exports.default = UndrawMobileApps;