UNPKG

@sexyicons/react

Version:

React components for sexy icons: Icons speak louder than words

28 lines (25 loc) 3.12 kB
import React from 'react'; import { withSVG } from '../helpers/withSVG.js'; const Laptop = ({ color = "currentColor", secondaryColor, set = "line", }) => { const Line = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 4a5 5 0 0 0-5 5v5.02a2.303 2.303 0 0 0-.975 4.199l.103.068A10.199 10.199 0 0 0 8.785 20h6.43c2.013 0 3.982-.596 5.657-1.713l.103-.068a2.303 2.303 0 0 0-.975-4.2V9a5 5 0 0 0-5-5H9Zm10.697 12h-4.73a1.667 1.667 0 0 1-1.634 1.333h-2.666A1.667 1.667 0 0 1 9.033 16h-4.73a.303.303 0 0 0-.168.555l.102.068A8.199 8.199 0 0 0 8.785 18h6.43c1.619 0 3.2-.48 4.548-1.377l.102-.068a.303.303 0 0 0-.168-.555ZM18 14V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v5h12Z", fill: color }))); const Solid = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 4a5 5 0 0 0-5 5v5.02a2.303 2.303 0 0 0-.975 4.199l.103.068A10.199 10.199 0 0 0 8.785 20h6.43c2.013 0 3.982-.596 5.657-1.713l.103-.068a2.303 2.303 0 0 0-.975-4.2V9a5 5 0 0 0-5-5H9Zm10.697 12h-4.73a1.667 1.667 0 0 1-1.634 1.333h-2.666A1.667 1.667 0 0 1 9.033 16h-4.73a.303.303 0 0 0-.168.555l.102.068A8.199 8.199 0 0 0 8.785 18h6.43c1.619 0 3.2-.48 4.548-1.377l.102-.068a.303.303 0 0 0-.168-.555ZM18 14V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v5h12Z", fill: color }))); const Lineal = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 4a5 5 0 0 0-5 5v5.02a2.303 2.303 0 0 0-.975 4.199l.103.068A10.199 10.199 0 0 0 8.785 20h6.43c2.013 0 3.982-.596 5.657-1.713l.103-.068a2.303 2.303 0 0 0-.975-4.2V9a5 5 0 0 0-5-5H9Zm10.697 12h-4.73a1.667 1.667 0 0 1-1.634 1.333h-2.666A1.667 1.667 0 0 1 9.033 16h-4.73a.303.303 0 0 0-.168.555l.102.068A8.199 8.199 0 0 0 8.785 18h6.43c1.619 0 3.2-.48 4.548-1.377l.102-.068a.303.303 0 0 0-.168-.555ZM18 14V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v5h12Z", fill: color }))); const Bulk = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 4a5 5 0 0 0-5 5v5.02a2.303 2.303 0 0 0-.975 4.199l.103.068A10.199 10.199 0 0 0 8.785 20h6.43c2.013 0 3.982-.596 5.657-1.713l.103-.068a2.303 2.303 0 0 0-.975-4.2V9a5 5 0 0 0-5-5H9Zm9 10V9a3 3 0 0 0-3-3H9a3 3 0 0 0-3 3v5h12ZM4 16.303c0-.167.136-.303.303-.303h4.73c.155.76.827 1.333 1.634 1.333h2.666c.807 0 1.48-.572 1.634-1.333h4.73a.303.303 0 0 1 .168.555l-.102.068A8.199 8.199 0 0 1 15.215 18h-6.43c-1.619 0-3.2-.48-4.548-1.377l-.102-.068A.303.303 0 0 1 4 16.303Z", fill: secondaryColor }))); switch (set) { case "solid": return React.createElement(Solid, null); case "lineal": return React.createElement(Lineal, null); case "bulk": return React.createElement(Bulk, null); default: return React.createElement(Line, null); } }; var Laptop$1 = withSVG(Laptop); export { Laptop, Laptop$1 as default }; //# sourceMappingURL=Laptop.js.map