@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
32 lines (29 loc) • 2.64 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Aid = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M12 10a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.1 6a5.002 5.002 0 0 1 9.8 0h.1a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5v-6a5 5 0 0 1 5-5h.1Zm2.07 0a3.001 3.001 0 0 1 5.66 0H9.17ZM4 11a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-6Z", fill: color })));
const Solid = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.1 6a5.002 5.002 0 0 1 9.8 0h.1a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5v-6a5 5 0 0 1 5-5h.1Zm2.07 0a3.001 3.001 0 0 1 5.66 0H9.17ZM12 10a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1Z", fill: color })));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.1 6a5.002 5.002 0 0 1 9.8 0h.1a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5v-6a5 5 0 0 1 5-5h.1Zm2.07 0a3.001 3.001 0 0 1 5.66 0H9.17ZM4 11a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-6Z", fill: color }),
React.createElement("path", { d: "M12 10a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2H9a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1Z", fill: secondaryColor })));
const Bulk = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7 7a5 5 0 0 1 10 0v3H7V7Zm5-3a3 3 0 0 0-3 3v1h6V7a3 3 0 0 0-3-3Z", fill: color }),
React.createElement("path", { d: "M14.83 6H7a5 5 0 0 0-5 5v6a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-6a5 5 0 0 0-5-5h-2.17Z", fill: secondaryColor }),
React.createElement("path", { d: "M13 11a1 1 0 1 0-2 0v2H9a1 1 0 1 0 0 2h2v2a1 1 0 1 0 2 0v-2h2a1 1 0 1 0 0-2h-2v-2Z", 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 Aid$1 = withSVG(Aid);
export { Aid, Aid$1 as default };
//# sourceMappingURL=Aid.js.map