adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
149 lines (148 loc) • 4.75 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgCameraVideoSymbolic = (passedProps, ...restArgs) => {
const {
colored,
containerProps = {},
...rest
} = passedProps;
if (colored && typeof colored === "string") {
if (!containerProps.style) {
containerProps.style = {};
}
Object.assign(containerProps.style, {
"--custom-icon-color": colored
});
}
const render = (props) => /* @__PURE__ */ React.createElement("span", {
...containerProps,
className: cx("Icon", containerProps.className, {
colored
})
}, /* @__PURE__ */ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 16 16",
...props
}, /* @__PURE__ */ React.createElement("g", {
fill: "#2e3436"
}, /* @__PURE__ */ React.createElement("path", {
d: "M6.5 1A3.515 3.515 0 003 4.5C3 6.421 4.579 8 6.5 8S10 6.421 10 4.5 8.421 1 6.5 1zm0 2C7.34 3 8 3.66 8 4.5S7.34 6 6.5 6 5 5.34 5 4.5 5.66 3 6.5 3z",
style: {
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
shapePadding: 0,
isolation: "auto",
mixBlendMode: "normal"
},
color: "#000",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M12.5 1A3.515 3.515 0 009 4.5C9 6.421 10.579 8 12.5 8S16 6.421 16 4.5 14.421 1 12.5 1zm0 2c.84 0 1.5.66 1.5 1.5S13.34 6 12.5 6 11 5.34 11 4.5 11.66 3 12.5 3z",
style: {
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
shapePadding: 0,
isolation: "auto",
mixBlendMode: "normal"
},
color: "#000",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M4 6v7c0 .833.564 1.525 1.053 1.77.488.244.947.23.947.23h7s.459.014.947-.23C14.436 14.525 15 13.833 15 13V6h-1zm2 2h7v5H6z",
style: {
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
shapePadding: 0,
isolation: "auto",
mixBlendMode: "normal"
},
color: "#000",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible",
fillRule: "evenodd"
}), /* @__PURE__ */ React.createElement("path", {
d: "M.988 7A1 1 0 000 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2A1 1 0 00.988 7zM2 9.87l.197.13-.197.13z",
style: {
lineHeight: "normal",
fontVariantLigatures: "normal",
fontVariantPosition: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantAlternates: "normal",
fontFeatureSettings: "normal",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textDecorationStyle: "solid",
textDecorationColor: "#000",
textTransform: "none",
textOrientation: "mixed",
shapePadding: 0,
isolation: "auto",
mixBlendMode: "normal",
marker: "none"
},
color: "#000",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M1 12H0v1h1zm0-5H0v1h1zm0 1l3 2-3 2zm13 0h2v2l-1 1h-1z",
style: {
marker: "none"
},
color: "#000",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M14 7v6c0 1-1 1-1 1H6s-1 0-1-1V7z",
fillRule: "evenodd"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgCameraVideoSymbolic);
var camera_video_symbolic_default = Memo;
export {
camera_video_symbolic_default as default
};