UNPKG

box-ui-elements-mlh

Version:
121 lines (119 loc) 7.85 kB
import * as React from 'react'; import AccessibleSVG from '../accessible-svg'; import { bdlBoxBlue } from '../../styles/variables'; var IconMobileApp = function IconMobileApp(_ref) { var _ref$className = _ref.className, className = _ref$className === void 0 ? '' : _ref$className, _ref$color = _ref.color, color = _ref$color === void 0 ? bdlBoxBlue : _ref$color, _ref$height = _ref.height, height = _ref$height === void 0 ? 155 : _ref$height, title = _ref.title, _ref$width = _ref.width, width = _ref$width === void 0 ? 150 : _ref$width; return /*#__PURE__*/React.createElement(AccessibleSVG, { className: "icon-mobile-app ".concat(className), height: height, title: title, viewBox: "0 0 150 155", width: width }, /*#__PURE__*/React.createElement("g", { fill: "none", fillRule: "evenodd" }, /*#__PURE__*/React.createElement("path", { className: "fill-color", d: "M101 2.134v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-90.5 83.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365H9.49a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm136 5.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-29-78v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm-74 13.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm3 111.5v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zm20.938-13.925v-.403c0-.17.144-.307.312-.307.173 0 .313.134.313.307v.402a.623.623 0 0 1 .228.228h.403c.17 0 .307.144.307.312a.308.308 0 0 1-.307.313h-.402a.623.623 0 0 1-.228.228v.403c0 .17-.144.307-.312.307a.314.314 0 0 1-.313-.303v-.406a.623.623 0 0 1-.228-.228h-.403a.312.312 0 0 1-.307-.312c0-.173.134-.313.307-.313h.402a.623.623 0 0 1 .228-.228zm69.062-5.576v-.642a.501.501 0 0 1 1-.002v.644c.152.088.278.214.366.366h.644a.5.5 0 0 1 .49.5c0 .276-.215.5-.49.5h-.644a1.004 1.004 0 0 1-.366.366v.644a.5.5 0 0 1-.5.49c-.276 0-.5-.23-.5-.505v-.63a.993.993 0 0 1-.366-.365h-.644a.5.5 0 0 1-.49-.5c0-.276.215-.5.49-.5h.644c.088-.152.214-.278.366-.366zM37.937 34.71v-.403c0-.17.145-.307.313-.307.173 0 .313.134.313.307v.402a.628.628 0 0 1 .228.227h.403c.17 0 .307.145.307.313a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.227.228v.403a.313.313 0 0 1-.626.004v-.406a.628.628 0 0 1-.228-.227h-.403a.313.313 0 0 1-.307-.313c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .227-.228zm-17.5 69v-.403c0-.17.145-.307.313-.307.173 0 .313.134.313.307v.402a.623.623 0 0 1 .228.228h.403c.17 0 .307.144.307.312a.308.308 0 0 1-.307.313h-.402a.628.628 0 0 1-.227.228v.403a.313.313 0 0 1-.626.004v-.406a.623.623 0 0 1-.228-.228h-.403a.312.312 0 0 1-.307-.312c0-.173.134-.313.307-.313h.402a.628.628 0 0 1 .227-.228zm107 10.5v-.403c0-.17.145-.307.313-.307.173 0 .313.134.313.307v.402a.623.623 0 0 1 .228.228h.403c.17 0 .307.144.307.312a.308.308 0 0 1-.307.313h-.402a.623.623 0 0 1-.228.228v.403c0 .17-.144.307-.312.307a.314.314 0 0 1-.313-.303v-.406a.623.623 0 0 1-.228-.228h-.403a.312.312 0 0 1-.307-.312c0-.173.134-.313.307-.313h.402a.623.623 0 0 1 .228-.228z", fill: color }), /*#__PURE__*/React.createElement("g", { transform: "translate(55 27)" }, /*#__PURE__*/React.createElement("rect", { className: "stroke-color", fill: "#FFF", height: "112", rx: "3.6", stroke: color, strokeWidth: "2", width: "61", x: "3" }), /*#__PURE__*/React.createElement("circle", { className: "stroke-color", cx: "33", cy: "99", r: "5", stroke: color, strokeWidth: "1.8" }), /*#__PURE__*/React.createElement("path", { className: "stroke-color", d: "M3 21h61v66H3z", fill: "#FFF", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), /*#__PURE__*/React.createElement("rect", { className: "fill-color", fill: color, fillOpacity: ".1", height: "60", rx: "2.574", width: "55", x: "6", y: "24" }), /*#__PURE__*/React.createElement("path", { className: "stroke-color", d: "M28 14h10", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.8" }), /*#__PURE__*/React.createElement("circle", { className: "fill-color", cx: "33", cy: "8", fill: color, r: "2" }), /*#__PURE__*/React.createElement("ellipse", { className: "fill-color", cx: "32.5", cy: "125", fill: color, fillOpacity: ".1", rx: "32.5", ry: "3" })), /*#__PURE__*/React.createElement("g", { transform: "translate(1 34)" }, /*#__PURE__*/React.createElement("rect", { className: "stroke-color", fill: "#FFF", height: "60", rx: "1.5", stroke: color, strokeWidth: "2", width: "40", x: "22" }), /*#__PURE__*/React.createElement("path", { className: "stroke-color", d: "M31 9.498C31 8.67 31.676 8 32.5 8h32.41c.83 0 1.924.528 2.437 1.166l7.716 9.6c.517.642.937 1.844.937 2.656V66.51c0 .822-.67 1.49-1.497 1.49H32.497A1.5 1.5 0 0 1 31 66.502V9.498z", fill: "#FFF", stroke: color, strokeWidth: "2" }), /*#__PURE__*/React.createElement("path", { className: "fill-color", d: "M.864 28.922a1.036 1.036 0 0 0-.005.098C.86 33.396 3.93 35 9.5 35H21a1 1 0 0 0 0-2H9.5c-4.542 0-6.58-1.03-6.64-3.853v-.02c0-2.15 1.523-3.97 3.796-4.13L40.5 25c1.765 0 2.5.446 2.5 1.5 0 1.056-.735 1.5-2.5 1.5H10.887a1 1 0 0 0 0 2H40.5c2.727 0 4.5-1.073 4.5-3.5 0-2.425-1.774-3.5-4.5-3.5H6.586C3.22 23.235.96 25.854.864 28.922zM38.5 36a1 1 0 0 1 .998-1h28.004a1 1 0 1 1 0 2H39.498a.997.997 0 0 1-.998-1zm0 5a1 1 0 0 1 .998-1h28.004a1 1 0 1 1 0 2H39.498a.997.997 0 0 1-.998-1zm0 5c0-.552.445-1 .993-1h16.014c.548 0 .993.444.993 1 0 .552-.445 1-.993 1H39.493a.994.994 0 0 1-.993-1zm20.4 0a1 1 0 0 1 .99-1h4.02c.546 0 .99.444.99 1a1 1 0 0 1-.99 1h-4.02a.993.993 0 0 1-.99-1zM14.39 21H10.5a1 1 0 1 1 0-2H21a1 1 0 0 1 0 2h-6.61z", fill: color }), /*#__PURE__*/React.createElement("path", { className: "fill-color", d: "M33 56.095c0-.828.64-1.275 1.445-1.07 0 0 1.3.926 12.222.926 6.79 0 9.8 2.838 13.666 2.838 7.822 0 12.4-3.403 12.4-3.403.7-.436 1.267-.11 1.267.71v8.38c0 .827-.677 1.498-1.508 1.498H34.508a1.507 1.507 0 0 1-1.508-1.5v-8.378z", fill: color, fillOpacity: ".1" }), /*#__PURE__*/React.createElement("path", { className: "stroke-color", d: "M75 19h-8.385A1.617 1.617 0 0 1 65 17.385V9", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" })))); }; export default IconMobileApp; //# sourceMappingURL=IconMobileApp.js.map