UNPKG

@sexyicons/react

Version:

React components for sexy icons: Icons speak louder than words

28 lines (25 loc) 3.63 kB
import React from 'react'; import { withSVG } from '../helpers/withSVG.js'; const Umbrella = ({ color = "currentColor", secondaryColor, set = "line", }) => { const Line = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.19 2.606a7.707 7.707 0 0 0-4.38 0 6.589 6.589 0 0 0-4.716 6.317v2.772c0 .482-.096.959-.281 1.404l-.18.433c-.24.573-.336 1.236-.182 1.87a2.3 2.3 0 0 0 1.302 1.58c.556.255 1.287.5 2.247.685V18a4 4 0 0 0 8 0v-.333c1.285-.248 2.16-.602 2.755-.945 1.128-.652 1.138-1.93.796-2.75l-.082-.196a7.32 7.32 0 0 1-.563-2.815V8.923a6.589 6.589 0 0 0-4.717-6.317ZM11.97 18H14a2 2 0 0 1-4 0h1.97Zm.06-2c3.427-.004 5.041-.618 5.718-1.006a.47.47 0 0 0-.044-.253l-.081-.196a9.318 9.318 0 0 1-.717-3.584V8.923a4.589 4.589 0 0 0-3.285-4.4 5.707 5.707 0 0 0-3.242 0 4.589 4.589 0 0 0-3.285 4.4v2.772a5.65 5.65 0 0 1-.435 2.173l-.18.433c-.11.263-.119.49-.085.63a.31.31 0 0 0 .191.233c.821.376 2.43.833 5.385.836h.06Z", fill: "#152C70" })); const Solid = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.19 2.606a7.707 7.707 0 0 0-4.38 0 6.589 6.589 0 0 0-4.716 6.317v2.772c0 .482-.096.959-.281 1.404l-.18.433c-.24.573-.336 1.236-.182 1.87a2.3 2.3 0 0 0 1.302 1.58c.556.255 1.287.5 2.247.685V18a4 4 0 0 0 8 0v-.333c1.285-.248 2.16-.602 2.755-.945 1.128-.652 1.138-1.93.796-2.75l-.082-.196a7.32 7.32 0 0 1-.563-2.815V8.923a6.589 6.589 0 0 0-4.717-6.317ZM11.97 18H14a2 2 0 0 1-4 0h1.97Z", fill: color })); const Lineal = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 18a2 2 0 1 0 4 0h-4Zm-2-.778C8 16.547 8.547 16 9.222 16h5.556c.675 0 1.222.547 1.222 1.222V18a4 4 0 0 1-8 0v-.778Z", fill: secondaryColor }), React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.81 2.606a7.707 7.707 0 0 1 4.38 0 6.589 6.589 0 0 1 4.716 6.317v2.038c0 .966.192 1.923.563 2.815l.082.196c.342.82.332 2.098-.796 2.75C17.679 17.343 15.677 18 12 18c-3.166 0-5.088-.486-6.247-1.017a2.303 2.303 0 0 1-1.302-1.58c-.154-.635-.057-1.298.182-1.871l.18-.433a3.65 3.65 0 0 0 .28-1.404V8.923a6.589 6.589 0 0 1 4.718-6.317Zm3.811 1.917a5.707 5.707 0 0 0-3.242 0 4.589 4.589 0 0 0-3.285 4.4v2.772a5.65 5.65 0 0 1-.435 2.173l-.18.433c-.11.264-.119.49-.085.63a.308.308 0 0 0 .191.233C7.409 15.541 9.026 16 12 16c3.447 0 5.07-.616 5.748-1.006a.47.47 0 0 0-.044-.253l-.081-.196a9.319 9.319 0 0 1-.717-3.584V8.923a4.589 4.589 0 0 0-3.285-4.4Z", fill: color }))); const Bulk = () => (React.createElement(React.Fragment, null, React.createElement("path", { d: "M9.222 16C8.547 16 8 16.547 8 17.222V18a4 4 0 0 0 8 0v-.778c0-.675-.547-1.222-1.222-1.222H9.222Z", fill: color }), React.createElement("path", { d: "M14.19 2.606a7.707 7.707 0 0 0-4.38 0 6.589 6.589 0 0 0-4.716 6.317v2.772c0 .482-.096.96-.281 1.404l-.18.433c-.24.573-.336 1.236-.182 1.87a2.3 2.3 0 0 0 1.302 1.58C6.913 17.515 8.834 18 12 18c3.677 0 5.679-.657 6.755-1.278 1.128-.652 1.138-1.93.796-2.75l-.082-.196a7.32 7.32 0 0 1-.563-2.815V8.923a6.589 6.589 0 0 0-4.717-6.317Z", 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 Alert = withSVG(Umbrella); export { Umbrella, Alert as default }; //# sourceMappingURL=Alert.js.map