adwaita-web/dist/icons/preferences-color-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 SvgPreferencesColorSymbolic = (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", {
    color: "#000",
    fill: "#474747"
  }, /* @__PURE__ */ React.createElement("path", {
    d: "M8 1C5.797 1 4 2.797 4 5c0 2.203 1.797 4 4 4 2.203 0 4-1.797 4-4 0-2.203-1.797-4-4-4zm0 1.066A2.926 2.926 0 0110.934 5 2.926 2.926 0 018 7.934 2.926 2.926 0 015.067 5 2.926 2.926 0 018 2.066z",
    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"
    },
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M4 8c-2.203 0-4 1.797-4 4 0 2.203 1.797 4 4 4 2.203 0 4-1.797 4-4 0-2.203-1.797-4-4-4zm0 1.066A2.926 2.926 0 016.934 12 2.926 2.926 0 014 14.934 2.926 2.926 0 011.067 12 2.926 2.926 0 014 9.066z",
    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"
    },
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M15.998 12A4 4 0 0112 16a4 4 0 01-4-4 4 4 0 014-4 4 4 0 013.998 4z",
    style: {
      marker: "none"
    },
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M7.467 12A3.467 3.467 0 014 15.467 3.467 3.467 0 01.534 12 3.467 3.467 0 014 8.533 3.467 3.467 0 017.467 12z",
    style: {
      marker: "none"
    },
    overflow: "visible",
    opacity: 0.5
  }))));
  return render(rest, ...restArgs);
};
const Memo = memo(SvgPreferencesColorSymbolic);
var preferences_color_symbolic_default = Memo;
export {
  preferences_color_symbolic_default as default
};