@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
33 lines (30 loc) • 2.64 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Camera = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 13a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 3a2 2 0 0 0-2 2H7a5 5 0 0 0-5 5v6a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-6a5 5 0 0 0-5-5h-1a2 2 0 0 0-2-2h-4ZM7 7a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H7Z", fill: color })));
const Solid = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M10 13a2 2 0 1 1 4 0 2 2 0 0 1-4 0Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2h1a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5v-6a5 5 0 0 1 5-5h1Zm4 4a4 4 0 1 0 0 8 4 4 0 0 0 0-8Z", fill: color })));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 3a2 2 0 0 0-2 2H7a5 5 0 0 0-5 5v6a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-6a5 5 0 0 0-5-5h-1a2 2 0 0 0-2-2h-4ZM7 7a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-6a3 3 0 0 0-3-3H7Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 13a4 4 0 1 1 8 0 4 4 0 0 1-8 0Zm4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z", fill: secondaryColor })));
const Bulk = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 5a2 2 0 0 1 2-2h4a2 2 0 1 1 0 4h-4a2 2 0 0 1-2-2Z", fill: color }),
React.createElement("path", { d: "M7 5a5 5 0 0 0-5 5v6a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5v-6a5 5 0 0 0-5-5H7Z", fill: secondaryColor }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm-4 2a4 4 0 1 1 8 0 4 4 0 0 1-8 0Z", 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 Camera$1 = withSVG(Camera);
export { Camera, Camera$1 as default };
//# sourceMappingURL=Camera.js.map