import * as React from "react";
import { BaseSVG } from "local-indigo-react";

export const IndigoIcon = (props) => (
  <BaseSVG
    width="24"
    height="24"
    viewBox="0 0 370 370"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect width="370" height="370" fill="white" />
    <path
      d="M278.413 173.621C228.15 173.621 187.402 214.289 187.402 264.457C187.402 314.626 228.15 355.294 278.413 355.294C328.677 355.294 369.425 314.626 369.425 264.457C369.425 214.289 328.677 173.621 278.413 173.621Z"
      fill="#009F65"
      stroke="white"
      strokeWidth="10"
    />
    <path
      d="M91.5867 173.621C41.3231 173.621 0.574994 214.289 0.57499 264.457C0.574985 314.626 41.3231 355.294 91.5867 355.294C141.85 355.294 182.598 314.626 182.598 264.457C182.598 214.289 141.85 173.621 91.5867 173.621Z"
      fill="#FF4136"
      stroke="white"
      strokeWidth="10"
    />
    <path
      d="M185.006 12.575C134.742 12.575 93.9941 53.2431 93.9941 103.412C93.9941 153.58 134.742 194.248 185.006 194.248C235.269 194.248 276.018 153.58 276.018 103.412C276.018 53.2431 235.269 12.575 185.006 12.575Z"
      fill="#219DFF"
      stroke="white"
      strokeWidth="10"
    />
  </BaseSVG>
);
