import React from "react";

export const UserOptionsIcon: React.SFC<React.SVGProps<
  SVGSVGElement
>> = props => {
  return (
    <svg
      version="1.1"
      id="Capa_1"
      x="0px"
      y="0px"
      viewBox="0 0 512 512"
      data-testid="userOptionsIcon"
      {...props}
    >
      <g>
        <g>
          <polygon
            points="482.181,299.636 343.253,454.319 264.85,379.688 237.271,408.661 345.498,511.681 511.94,326.364   "
            fill={props.color ? props.color : "#33333"}
          />
        </g>
      </g>
      <g>
        <g>
          <path
            d="M339.794,269.966C378.58,243.255,404.06,198.55,404.06,148c0-81.607-66.393-148-148-148s-148,66.393-148,148    c0,50.548,25.479,95.251,64.261,121.963c-36.21,12.494-69.398,33.135-97.281,61.018C26.689,379.333,0.06,443.62,0.06,512h40    c0-119.103,96.897-216,216-216c50.491,0,96.974,17.434,133.793,46.572l26.856-29.901    C393.532,293.919,367.551,279.55,339.794,269.966z M256.06,256c-59.551,0-108-48.449-108-108c0-59.551,48.449-108,108-108    c59.551,0,108,48.449,108,108C364.06,207.551,315.611,256,256.06,256z"
            fill={props.color ? props.color : "#33333"}
          />
        </g>
      </g>
    </svg>
  );
};
