UNPKG

@sexyicons/react

Version:

React components for sexy icons: Icons speak louder than words

28 lines (25 loc) 2.58 kB
import React from 'react'; import { withSVG } from '../helpers/withSVG.js'; const Heart = ({ color = "currentColor", secondaryColor, set = "line", }) => { const Line = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 8.606a5.606 5.606 0 0 1 8.715-4.665L12 4.798l1.285-.857A5.606 5.606 0 0 1 22 8.606v.738a7.413 7.413 0 0 1-2.171 5.241l-5.708 5.708a3 3 0 0 1-4.242 0L4.17 14.585A7.412 7.412 0 0 1 2 9.344v-.738ZM7.606 5A3.606 3.606 0 0 0 4 8.606v.738c0 1.435.57 2.812 1.585 3.827l5.708 5.708a1 1 0 0 0 1.414 0l5.708-5.708A5.413 5.413 0 0 0 20 9.344v-.738a3.606 3.606 0 0 0-5.606-3l-1.84 1.226a1 1 0 0 1-1.109 0l-1.84-1.226a3.606 3.606 0 0 0-2-.606Z", fill: color }))); const Solid = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 8.606a5.606 5.606 0 0 1 8.715-4.665L12 4.798l1.285-.857A5.606 5.606 0 0 1 22 8.606v.738a7.413 7.413 0 0 1-2.171 5.241l-5.708 5.708a3 3 0 0 1-4.242 0L4.17 14.585A7.412 7.412 0 0 1 2 9.344v-.738Z", fill: color }))); const Lineal = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 8.606a5.606 5.606 0 0 1 8.715-4.665L12 4.798l1.285-.857A5.606 5.606 0 0 1 22 8.606v.738a7.413 7.413 0 0 1-2.171 5.241l-5.708 5.708a3 3 0 0 1-4.242 0L4.17 14.585A7.412 7.412 0 0 1 2 9.344v-.738ZM7.606 5A3.606 3.606 0 0 0 4 8.606v.738c0 1.435.57 2.812 1.585 3.827l5.708 5.708a1 1 0 0 0 1.414 0l5.708-5.708A5.413 5.413 0 0 0 20 9.344v-.738a3.606 3.606 0 0 0-5.606-3l-1.84 1.226a1 1 0 0 1-1.109 0l-1.84-1.226a3.606 3.606 0 0 0-2-.606Z", fill: color }))); const Bulk = () => (React.createElement(React.Fragment, null, React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2 8.606a5.606 5.606 0 0 1 8.715-4.665L12 4.798l1.285-.857A5.606 5.606 0 0 1 22 8.606v.738a7.413 7.413 0 0 1-2.171 5.241l-5.708 5.708a3 3 0 0 1-4.242 0L4.17 14.585A7.412 7.412 0 0 1 2 9.344v-.738Z", 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 Heart$1 = withSVG(Heart); export { Heart, Heart$1 as default }; //# sourceMappingURL=Heart.js.map