adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
50 lines (49 loc) • 1.74 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgPreferencesDesktopRemoteDesktopSymbolic = (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", {
color: "#bebebe",
fill: "#474747"
}, /* @__PURE__ */ React.createElement("path", {
d: "M12 1c1.662 0 3 1.338 3 3v6c0 1.662-1.338 3-3 3H4c-1.662 0-3-1.338-3-3V4c0-1.662 1.338-3 3-3zm0 2H4c-.554 0-1 .446-1 1v6c0 .554.446 1 1 1h8c.554 0 1-.446 1-1V4c0-.554-.446-1-1-1zM8 14c-5 0-5 1-5 1 0 1 1 1 1 1h8c1 0 1-1 1-1s0-1-5-1z",
style: {
marker: "none"
},
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M4.5 5S4 5 4 5.5v4c0 .5.5.5.5.5h4c.5 0 .5-.5.5-.5v-4C9 5 8.563 5 8.5 5zM5 6.998h3v2H5zM10.5 4s-.5 0-.5.5v.984s0 .5.5.5l1 .001s.5 0 .5-.5v-.984s0-.5-.5-.5z",
style: {
marker: "none"
},
overflow: "visible"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgPreferencesDesktopRemoteDesktopSymbolic);
var preferences_desktop_remote_desktop_symbolic_default = Memo;
export {
preferences_desktop_remote_desktop_symbolic_default as default
};