@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
32 lines (29 loc) • 2.52 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Cart = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 0 0 2h1a1 1 0 0 1 .989.848l.278 4.464A5 5 0 0 0 11.257 15H16a5 5 0 0 0 0-10H7.83A3.001 3.001 0 0 0 5 3H4Zm4.264 7.187L8.064 7H16a3 3 0 0 1 0 6h-4.742a3 3 0 0 1-2.994-2.813Z", fill: color }),
React.createElement("path", { d: "M12 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", fill: color })));
const Solid = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 0 0 2h1a1 1 0 0 1 .989.848l.278 4.464A5 5 0 0 0 11.257 15H16a5 5 0 0 0 0-10H7.83A3.001 3.001 0 0 0 5 3H4Z", fill: color }),
React.createElement("path", { d: "M12 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", fill: color })));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 0 0 2h1a1 1 0 0 1 .989.848l.278 4.464A5 5 0 0 0 11.257 15H16a5 5 0 0 0 0-10H7.83A3.001 3.001 0 0 0 5 3H4Zm4.264 7.187L8.064 7H16a3 3 0 0 1 0 6h-4.742a3 3 0 0 1-2.994-2.813Z", fill: color }),
React.createElement("path", { d: "M12 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", fill: secondaryColor })));
const Bulk = () => (React.createElement("svg", { width: "24", height: "24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 0 0 2h1a1 1 0 0 1 .989.848l.278 4.464A5 5 0 0 0 11.257 15H16a5 5 0 0 0 0-10H7.83A3.001 3.001 0 0 0 5 3H4Z", fill: secondaryColor }),
React.createElement("path", { d: "M12 19a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z", 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 Cart$1 = withSVG(Cart);
export { Cart, Cart$1 as default };
//# sourceMappingURL=Cart.js.map