@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
28 lines (25 loc) • 3.12 kB
JavaScript
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