adwaita-web
Version:
A GTK inspired toolkit designed to build awesome web apps
75 lines (74 loc) • 2.17 kB
JavaScript
import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgAudioVolumeLowSymbolic = (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: "M0 5h2.484l2.97-3H6v12h-.475l-3.04-3H0z",
style: {
marker: "none"
},
color: "#bebebe",
overflow: "visible"
}), /* @__PURE__ */ React.createElement("path", {
d: "M15 8c0-2.814-1-5.172-2.586-7H11v1.48C12.265 4 13 5.7 13 8c0 2.3-.78 4-2 5.52V15h1.381C13.847 13.36 15 10.814 15 8z",
style: {
marker: "none"
},
color: "#000",
overflow: "visible",
opacity: 0.35
}), /* @__PURE__ */ React.createElement("path", {
d: "M12 8c0-2.166-.739-4.02-2-5H9v2c.607.789 1 1.76 1 3 0 1.241-.393 2.22-1 3v2h1c1.223-.995 2-2.873 2-5z",
style: {
marker: "none"
},
color: "#000",
overflow: "visible",
opacity: 0.35
}), /* @__PURE__ */ React.createElement("path", {
d: "M9 8c0-1.257-.312-2.216-1-3H7v6h1c.672-.837 1-1.742 1-3z",
style: {
lineHeight: "normal",
InkscapeFontSpecification: "Sans",
textIndent: 0,
textAlign: "start",
textDecorationLine: "none",
textTransform: "none",
marker: "none"
},
color: "#000",
fontWeight: 400,
fontFamily: "Sans",
overflow: "visible"
}))));
return render(rest, ...restArgs);
};
const Memo = memo(SvgAudioVolumeLowSymbolic);
var audio_volume_low_symbolic_default = Memo;
export {
audio_volume_low_symbolic_default as default
};