adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
38 lines (37 loc) • 1.92 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgInputDialpadSymbolic = (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("path", {
d: "M2.5 1c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm-8 4c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm-8 4c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm4 0c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5zm-4 4c-.277 0-.5.223-.5.5v2c0 .277.223.5.5.5h2c.277 0 .5-.223.5-.5v-2c0-.277-.223-.5-.5-.5z",
fill: "#2e3436"
})));
return render(rest, ...restArgs);
};
const Memo = memo(SvgInputDialpadSymbolic);
var input_dialpad_symbolic_default = Memo;
export {
input_dialpad_symbolic_default as default
};