adwaita-web/dist/icons/video-joined-displays-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 SvgVideoJoinedDisplaysSymbolic = (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: "#2e3436"
  }, /* @__PURE__ */ React.createElement("path", {
    d: "M4.5 13c-2.5 0-2.5.5-2.5.5 0 .5.5.5.5.5h4c.5 0 .5-.5.5-.5s0-.5-2.5-.5zm7 0c-2.5 0-2.5.5-2.5.5 0 .5.5.5.5.5h4c.5 0 .5-.5.5-.5s0-.5-2.5-.5z"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M2.5 4A2.517 2.517 0 000 6.5v3C0 10.868 1.132 12 2.5 12h4C7.868 12 9 10.868 9 9.5v-3C9 5.132 7.868 4 6.5 4zm0 2h4c.294 0 .5.206.5.5v3c0 .294-.206.5-.5.5h-4a.478.478 0 01-.5-.5v-3c0-.294.206-.5.5-.5z",
    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: "#000",
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M9.5 2A2.517 2.517 0 007 4.5v5C7 10.868 8.132 12 9.5 12h4c1.368 0 2.5-1.132 2.5-2.5v-5C16 3.132 14.868 2 13.5 2zm0 2h4c.294 0 .5.206.5.5v5c0 .294-.206.5-.5.5h-4a.478.478 0 01-.5-.5v-5c0-.294.206-.5.5-.5z",
    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: "#000",
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }))));
  return render(rest, ...restArgs);
};
const Memo = memo(SvgVideoJoinedDisplaysSymbolic);
var video_joined_displays_symbolic_default = Memo;
export {
  video_joined_displays_symbolic_default as default
};