@sidekickicons/react/24/solid/PercentIcon.js

<p align="center"> <a href="https://heroicons.com" target="_blank"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ndri/sidekickicons/HEAD/.github/logo-dark.svg"> <source media="(prefers-

const React = require("react");
function PercentIcon({
  title,
  titleId,
  ...props
}, svgRef) {
  return /*#__PURE__*/React.createElement("svg", Object.assign({
    xmlns: "http://www.w3.org/2000/svg",
    viewBox: "0 0 24 24",
    fill: "currentColor",
    "aria-hidden": "true",
    "data-slot": "icon",
    ref: svgRef,
    "aria-labelledby": titleId
  }, props), title ? /*#__PURE__*/React.createElement("title", {
    id: titleId
  }, title) : null, /*#__PURE__*/React.createElement("path", {
    fillRule: "evenodd",
    d: "M4.362 6.258q-.237.598-.237 1.242t.237 1.242q.257.65.752 1.144.494.495 1.144.752.598.237 1.242.237t1.242-.237q.65-.257 1.144-.752.495-.494.752-1.144.237-.598.237-1.242t-.237-1.242q-.257-.65-.752-1.144-.494-.495-1.144-.752-.598-.237-1.242-.237t-1.242.237q-.65.257-1.144.752-.495.494-.752 1.144ZM5.78 19.28l13.5-13.5a.749.749 0 1 0-1.06-1.06l-13.5 13.5a.747.747 0 0 0 0 1.06.749.749 0 0 0 1.06 0Zm.394-10.454q-.549-.549-.549-1.326t.549-1.326q.549-.549 1.326-.549t1.326.549q.549.549.549 1.326t-.549 1.326q-.549.549-1.326.549t-1.326-.549Zm6.951 7.674q0-.644.237-1.242.257-.65.752-1.144.494-.495 1.144-.752.598-.237 1.242-.237t1.242.237q.65.257 1.144.752.495.494.752 1.144.237.598.237 1.242t-.237 1.242q-.257.65-.752 1.144-.494.495-1.144.752-.598.237-1.242.237t-1.242-.237q-.65-.257-1.144-.752-.495-.494-.752-1.144-.237-.598-.237-1.242Zm1.5 0q0 .777.549 1.326t1.326.549q.777 0 1.326-.549t.549-1.326q0-.777-.549-1.326t-1.326-.549q-.777 0-1.326.549t-.549 1.326Z",
    clipRule: "evenodd"
  }));
}
const ForwardRef = /*#__PURE__*/ React.forwardRef(PercentIcon);
module.exports = ForwardRef;