@sexyicons/react/lib/icons/Cross.js

React components for sexy icons: Icons speak louder than words

import React from 'react';
import { withSVG } from '../helpers/withSVG.js';

const Cross = ({ color = "currentColor", secondaryColor, set = "line", }) => {
    const Line = () => (React.createElement(React.Fragment, null,
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 8a4 4 0 1 0 0 7.999A4 4 0 0 0 12 8Zm-2 4a2 2 0 1 1 3.999-.002 2 2 0 0 1-3.999.003Z", fill: color }),
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.239 5.001A9.479 9.479 0 0 0 3.872 8.603L2.655 10.63a2.66 2.66 0 0 0 0 2.738l1.217 2.028a9.479 9.479 0 0 0 16.256 0l1.217-2.028a2.66 2.66 0 0 0 0-2.738l-1.217-2.028A9.479 9.479 0 0 0 16.238 5Zm-7.584 1.79a7.478 7.478 0 0 1 9.758 2.84l1.217 2.03a.66.66 0 0 1 0 .679l-1.217 2.028a7.477 7.477 0 0 1-12.826 0L4.37 12.34a.66.66 0 0 1 0-.68l1.217-2.028A7.479 7.479 0 0 1 8.655 6.79Z", 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: "M16.239 5.001A9.479 9.479 0 0 0 3.872 8.603L2.655 10.63a2.66 2.66 0 0 0 0 2.738l1.217 2.028a9.479 9.479 0 0 0 16.256 0l1.217-2.028a2.66 2.66 0 0 0 0-2.738l-1.217-2.028A9.479 9.479 0 0 0 16.238 5Zm-7.584 1.79a7.478 7.478 0 0 1 9.758 2.84l1.217 2.03a.66.66 0 0 1 0 .679l-1.217 2.028a7.477 7.477 0 0 1-12.826 0L4.37 12.34a.66.66 0 0 1 0-.68l1.217-2.028A7.479 7.479 0 0 1 8.655 6.79Z", fill: color }),
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 8a4 4 0 1 0 0 7.999A4 4 0 0 0 12 8Zm-2 4a2 2 0 1 1 3.999-.002 2 2 0 0 1-3.999.003Z", fill: secondaryColor })));
    const Bulk = () => (React.createElement(React.Fragment, null,
        React.createElement("path", { d: "M16.243 5A9.478 9.478 0 0 0 3.876 8.603L2.66 10.63a2.66 2.66 0 0 0 0 2.738l1.217 2.029a9.479 9.479 0 0 0 16.256 0l1.217-2.029a2.66 2.66 0 0 0 0-2.738l-1.217-2.028A9.479 9.479 0 0 0 16.243 5Z", fill: secondaryColor }),
        React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.004 10a2 2 0 1 0 0 3.998 2 2 0 0 0 0-3.999Zm-4 2a4 4 0 1 1 8-.002 4 4 0 0 1-8 .002Z", 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 Cross$1 = withSVG(Cross);

export { Cross, Cross$1 as default };
//# sourceMappingURL=Cross.js.map