adwaita-web/dist/icons/media-playlist-shuffle-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 SvgMediaPlaylistShuffleSymbolic = (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: "M1 3v2h3c.572 0 1 .429 1 1v4c0 1.645 1.356 3 3 3h6v-2H8c-.571 0-1-.429-1-1V6c0-1.645-1.355-3-3-3z",
    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: "#bebebe",
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M11.99 8.99a1 1 0 00-.697 1.717L12.586 12l-1.293 1.293a1 1 0 101.414 1.414L15.414 12l-2.707-2.707a1 1 0 00-.717-.303zm0-8a1 1 0 00-.697 1.717L12.586 4l-1.293 1.293a1 1 0 101.414 1.414L15.414 4l-2.707-2.707A1 1 0 0011.99.99z",
    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: "#bebebe",
    fontWeight: 400,
    fontFamily: "sans-serif",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M8 3c-.23 0-.44.044-.656.094.481.55.861 1.177 1.031 1.906H14V3H8zm-7 8v2h3c.23 0 .44-.044.656-.094-.481-.55-.861-1.177-1.031-1.906z",
    style: {
      lineHeight: "normal",
      textIndent: 0,
      textAlign: "start",
      textDecorationLine: "none",
      textTransform: "none",
      marker: "none"
    },
    color: "#bebebe",
    fontWeight: 400,
    fontFamily: "Andale Mono",
    overflow: "visible"
  }), /* @__PURE__ */ React.createElement("path", {
    d: "M11 9h1v1h-1zm0 5h1v1h-1zm0-13h1v1h-1zm0 5h1v1h-1z",
    style: {
      marker: "none"
    },
    color: "#000",
    overflow: "visible"
  }))));
  return render(rest, ...restArgs);
};
const Memo = memo(SvgMediaPlaylistShuffleSymbolic);
var media_playlist_shuffle_symbolic_default = Memo;
export {
  media_playlist_shuffle_symbolic_default as default
};