import type { SVGProps } from "react";
const SvgSettingIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    fill="none"
    viewBox="0 0 24 24"
    {...props}
  >
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0m-2 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0"
      clipRule="evenodd"
    />
    <path
      fill="currentColor"
      fillRule="evenodd"
      d="M10.5 2a1 1 0 0 0-.957.713L8.979 4.59a8 8 0 0 0-1.883 1.09l-1.91-.452A1 1 0 0 0 4.09 5.7l-1.5 2.598a1 1 0 0 0 .138 1.186l1.346 1.428a8 8 0 0 0 0 2.174l-1.346 1.428a1 1 0 0 0-.138 1.186l1.5 2.598a1 1 0 0 0 1.096.473l1.91-.451c.57.443 1.203.811 1.883 1.089l.564 1.877A1 1 0 0 0 10.5 22h3a1 1 0 0 0 .957-.713l.564-1.877a8 8 0 0 0 1.883-1.09l1.91.452a1 1 0 0 0 1.095-.473l1.5-2.598a1 1 0 0 0-.138-1.186l-1.345-1.427a8 8 0 0 0 0-2.176l1.345-1.427a1 1 0 0 0 .139-1.186l-1.5-2.598a1 1 0 0 0-1.097-.473l-1.91.451a8 8 0 0 0-1.882-1.089l-.564-1.877A1 1 0 0 0 13.501 2zm.252 3.642L11.244 4h1.513l.492 1.642a1 1 0 0 0 .643.662c.78.259 1.49.675 2.094 1.21a1 1 0 0 0 .894.226l1.67-.395.756 1.31-1.176 1.248a1 1 0 0 0-.252.886 6 6 0 0 1 0 2.422 1 1 0 0 0 .252.886l1.176 1.248-.756 1.31-1.67-.395a1 1 0 0 0-.894.226 6 6 0 0 1-2.094 1.21 1 1 0 0 0-.643.662L12.757 20h-1.512l-.493-1.642a1 1 0 0 0-.643-.662 6 6 0 0 1-2.094-1.21 1 1 0 0 0-.894-.226l-1.67.395-.757-1.31 1.177-1.248a1 1 0 0 0 .251-.886 6 6 0 0 1 0-2.422 1 1 0 0 0-.251-.886L4.694 8.655l.756-1.31 1.671.395a1 1 0 0 0 .894-.226 6 6 0 0 1 2.094-1.21 1 1 0 0 0 .643-.662"
      clipRule="evenodd"
    />
  </svg>
);
export default SvgSettingIcon;
