adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
65 lines (64 loc) • 2.15 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgPreferencesSystemDevicesSymbolic = (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: "#474747"
}, /* @__PURE__ */ React.createElement("path", {
d: "M9 6c-1.09 0-2 .91-2 2v3c0 1.09.91 2 2 2h5c1.09 0 2-.91 2-2V8c0-1.09-.91-2-2-2zm0 2h5v3H9z",
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: "#bebebe",
fontWeight: 400,
fontFamily: "sans-serif",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M11.5 15C9 15 9 14.5 9 14.5c0-.5.5-.5.5-.5h4c.5 0 .5.5.5.5s0 .5-2.5.5zM3 1v1h5V1zM2 3c-.554 0-1 .446-1 1v2c0 .554.446 1 1 1V6h4.775A2.98 2.98 0 019 5h1V4c0-.554-.446-1-1-1H3zm1 4v3h3V8c0-.353.07-.686.182-1z"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgPreferencesSystemDevicesSymbolic);
var preferences_system_devices_symbolic_default = Memo;
export {
preferences_system_devices_symbolic_default as default
};