adwaita-web/dist/icons/folder-pictures-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 SvgFolderPicturesSymbolic = (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.047 16.01",
    ...props
  }, /* @__PURE__ */ React.createElement("path", {
    style: {
      marker: "none"
    },
    d: "M6.047 2c-.55 0-1 .45-1 1v1h-3c-.552 0-1 .45-1 1v8c0 .55.448 1 1 1h12c.552 0 1-.45 1-1V5c0-.55-.448-1-1-1h-3V3c0-.55-.45-1-1-1zm2 3a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
    color: "#bebebe",
    overflow: "visible",
    fill: "#474747"
  })));
  return render(rest, ...restArgs);
};
const Memo = memo(SvgFolderPicturesSymbolic);
var folder_pictures_symbolic_default = Memo;
export {
  folder_pictures_symbolic_default as default
};