@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
32 lines (29 loc) • 3.72 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Umbrella = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.485 2C6.325 2 2 5.694 2 11.007c0 2.459.963 5.37 2.778 7.185l.515.515a1 1 0 0 0 1.414 0l12-12a1 1 0 0 0 0-1.414l-.515-.515A9.485 9.485 0 0 0 11.485 2ZM7.408 5.062C8.572 4.382 9.968 4 11.485 4c1.895 0 3.715.718 5.097 2.003L14.89 7.697a16 16 0 0 0-7.481-2.635ZM5.054 7.308C4.382 8.363 4 9.62 4 11.008c0 1.946.75 4.184 2.005 5.573l1.692-1.692a16 16 0 0 1-2.643-7.58Zm4.089 6.135 4.3-4.3A14 14 0 0 0 7.04 7.039a14 14 0 0 0 2.104 6.404Z", fill: color }),
React.createElement("path", { d: "M14.293 14.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414Z", fill: color })));
const Solid = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.485 2C6.325 2 2 5.694 2 11.007c0 2.459.963 5.37 2.778 7.185l.515.515a1 1 0 0 0 1.414 0l12-12a1 1 0 0 0 0-1.414l-.515-.515A9.485 9.485 0 0 0 11.485 2ZM7.408 5.062C8.572 4.382 9.968 4 11.485 4c1.895 0 3.715.718 5.097 2.003L14.89 7.697a16 16 0 0 0-7.481-2.635ZM5.054 7.308C4.382 8.363 4 9.62 4 11.008c0 1.946.75 4.184 2.005 5.573l1.692-1.692a16 16 0 0 1-2.643-7.58Z", fill: color }),
React.createElement("path", { d: "M14.293 14.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414Z", fill: color })));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.485 2C6.325 2 2 5.694 2 11.007c0 2.459.963 5.37 2.778 7.185l.515.515a1 1 0 0 0 1.414 0l12-12a1 1 0 0 0 0-1.414l-.515-.515A9.485 9.485 0 0 0 11.485 2ZM7.408 5.062C8.572 4.382 9.968 4 11.485 4c1.895 0 3.715.718 5.097 2.003L14.89 7.697a16 16 0 0 0-7.481-2.635ZM5.054 7.308C4.382 8.363 4 9.62 4 11.008c0 1.946.75 4.184 2.005 5.573l1.692-1.692a16 16 0 0 1-2.643-7.58Zm4.089 6.135 4.3-4.3A14 14 0 0 0 7.04 7.039a14 14 0 0 0 2.104 6.404Z", fill: color }),
React.createElement("path", { d: "M14.293 14.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414Z", fill: secondaryColor })));
const Bulk = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.293 14.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414l-6-6a1 1 0 0 1 0-1.414ZM11.485 2C6.325 2 2 5.694 2 11.007c0 2.459.963 5.37 2.778 7.185l.515.515a1 1 0 0 0 1.414 0l12-12a1 1 0 0 0 0-1.414l-.515-.515A9.485 9.485 0 0 0 11.485 2Z", fill: color }),
React.createElement("path", { d: "M5.21 4.163C6.893 2.789 9.1 2 11.485 2c2.516 0 4.929 1 6.707 2.778l.515.515a1 1 0 0 1 0 1.414l-2.321 2.321-.5-.4a21 21 0 0 0-10.148-4.39l-.528-.075ZM3.358 6.237C2.498 7.587 2 9.204 2 11.007c0 2.459.963 5.37 2.778 7.185l.515.515a1 1 0 0 0 1.414 0l2.321-2.321-1.58-1.976a21 21 0 0 1-3.525-6.478l-.565-1.695Zm7.093 8.726 4.512-4.512-.325-.26A19 19 0 0 0 5.46 6.219l.36 1.08a19 19 0 0 0 3.19 5.862l1.441 1.802Z", 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 Umbrella$1 = withSVG(Umbrella);
export { Umbrella, Umbrella$1 as default };
//# sourceMappingURL=Umbrella.js.map