@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
24 lines (21 loc) • 1.67 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Bookmark = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.496.868l-5.016-2.866a3 3 0 0 0-2.976 0l-5.016 2.866A1 1 0 0 1 4 21V3Zm2 1v15.277l3.52-2.011a5 5 0 0 1 4.96 0l3.52 2.01V4H6Z", fill: color }));
const Solid = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.496.868l-5.016-2.866a3 3 0 0 0-2.976 0l-5.016 2.866A1 1 0 0 1 4 21V3Z", fill: color }));
const Lineal = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4 3a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v18a1 1 0 0 1-1.496.868l-5.016-2.866a3 3 0 0 0-2.976 0l-5.016 2.866A1 1 0 0 1 4 21V3Zm2 1v15.277l3.52-2.011a5 5 0 0 1 4.96 0l3.52 2.01V4H6Z", fill: color }));
const Bulk = () => (React.createElement("path", { d: "M5 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1.496.868l5.016-2.866a3 3 0 0 1 2.976 0l5.016 2.866A1 1 0 0 0 20 21V3a1 1 0 0 0-1-1H5Z", 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 Bookmark$1 = withSVG(Bookmark);
export { Bookmark, Bookmark$1 as default };
//# sourceMappingURL=Bookmark.js.map