@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
33 lines (30 loc) • 3 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Calendar = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M8 12a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm-1 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 3a1 1 0 0 0-2 0v1.1A5.002 5.002 0 0 0 2 9v8a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V9a5.002 5.002 0 0 0-4-4.9V3a1 1 0 1 0-2 0v1H8V3Zm12 7H4v7a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-7ZM4.17 8A3.001 3.001 0 0 1 7 6h10c1.306 0 2.418.835 2.83 2H4.17Z", fill: color })));
const Solid = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M8 12a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm-1 5a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1.1c2.282.463 4 2.481 4 4.9v8a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V9a5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 1-1Zm13 8H4v7a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-7Z", fill: color })));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 2a1 1 0 0 1 1 1v2a1 1 0 0 1-2 0V3a1 1 0 0 1 1-1Zm10 0a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1ZM7 13a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z", fill: secondaryColor }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 4a5 5 0 0 0-5 5v8a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V9a5 5 0 0 0-5-5H7Zm12.83 4A3.001 3.001 0 0 0 17 6H7a3.001 3.001 0 0 0-2.83 2h15.66ZM4 10h16v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7Z", fill: color })));
const Bulk = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M3 8a1 1 0 0 0-1 1v8a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V9a1 1 0 0 0-1-1H3Z", fill: secondaryColor }),
React.createElement("path", { d: "M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1.1c2.282.463 4 2.481 4 4.9a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1 5.002 5.002 0 0 1 4-4.9V3a1 1 0 0 1 1-1Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 13a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1Z", fill: color })));
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 Calendar$1 = withSVG(Calendar);
export { Calendar, Calendar$1 as default };
//# sourceMappingURL=Calendar.js.map