import { ITwoToneIcon } from "./ITwoToneIcon";

export default function IconGraph({ tone1, tone2 }: ITwoToneIcon) {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 256 256"
      xmlns="http://www.w3.org/2000/svg"
    >
      <circle
        cx="128"
        cy="128"
        fill="none"
        r="24"
        stroke={tone1}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
      />
      <circle
        cx="96"
        cy="56"
        fill="none"
        r="24"
        stroke={tone1}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
      />
      <circle
        cx="200"
        cy="104"
        fill="none"
        r="24"
        stroke={tone1}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
      />
      <circle
        cx="200"
        cy="184"
        fill="none"
        r="24"
        stroke={tone1}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
      />
      <circle
        cx="56"
        cy="192"
        fill="none"
        r="24"
        stroke={tone1}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
      />
      <line
        fill="none"
        stroke={tone2}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
        x1="118.3"
        x2="105.7"
        y1="106.1"
        y2="77.9"
      />
      <line
        fill="none"
        stroke={tone2}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
        x1="177.2"
        x2="150.8"
        y1="111.6"
        y2="120.4"
      />
      <line
        fill="none"
        stroke={tone2}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
        x1="181.1"
        x2="146.9"
        y1="169.3"
        y2="142.7"
      />
      <line
        fill="none"
        stroke={tone2}
        strokeLinecap="round"
        strokeLinejoin="round"
        strokeWidth="16"
        x1="110.1"
        x2="73.9"
        y1="143.9"
        y2="176.1"
      />
    </svg>
  );
}