import * as React from "react";
import { SvgProps } from "./";

export const ReverseOutlineFive: React.FunctionComponent<SvgProps> = (props) => {
  return (
    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
      <ellipse cx="8.99963" cy="9.04729" rx="7.5" ry="7.53947" fill={props.color || "#AAAAB5"} />
      <path
        d="M8.99919 12.6072C10.4623 12.6072 11.5063 11.5739 11.5027 10.157C11.5063 8.75071 10.5262 7.72798 9.2016 7.72798C8.66183 7.72798 8.16112 7.93395 7.87703 8.21094H7.83442L8.06524 6.17614H11.1512V5.23509H7.1526L6.74422 8.89986L7.74919 9.04901C8.02263 8.80398 8.51268 8.63707 8.95303 8.63707C9.81595 8.64418 10.441 9.29048 10.441 10.1783C10.441 11.0518 9.83371 11.6839 8.99919 11.6839C8.29607 11.6839 7.73854 11.2365 7.68172 10.6115H6.61638C6.65899 11.7692 7.66396 12.6072 8.99919 12.6072Z"
        fill="white"
      />
    </svg>
  );
};