adwaita-web/dist/icons/multimedia-volume-control-symbolic.js

A GTK inspired toolkit designed to build awesome web apps

import * as React from "react";
import { memo } from "react";
import cx from "clsx";
const SvgMultimediaVolumeControlSymbolic = (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: "M2 5h2.484l2.97-3H8v12h-.475l-3.04-3H2z",
    style: {
      marker: "none"
    },
    color: "#bebebe",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M14 8c0-2.166-.739-4.02-2-5h-1v2c.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"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M11 8c0-1.257-.312-2.216-1-3H9v6h1c.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(SvgMultimediaVolumeControlSymbolic);
var multimedia_volume_control_symbolic_default = Memo;
export {
  multimedia_volume_control_symbolic_default as default
};