import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
import React from "react";

export const Navigation = createSvgIcon(
  <>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23.5868 40.7841C32.5324 40.7841 39.7841 33.5324 39.7841 24.5868C39.7841 15.6413 32.5324 8.38954 23.5868 8.38954C14.6413 8.38954 7.38954 15.6413 7.38954 24.5868C7.38954 33.5324 14.6413 40.7841 23.5868 40.7841ZM23.5868 42.5838C33.5263 42.5838 41.5838 34.5263 41.5838 24.5868C41.5838 14.6474 33.5263 6.58984 23.5868 6.58984C13.6474 6.58984 5.58984 14.6474 5.58984 24.5868C5.58984 34.5263 13.6474 42.5838 23.5868 42.5838Z"
      fill="url(#paint0_linear)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M30.4053 12.7808L17.5705 20.8424L22.3034 23.575C22.7981 22.9452 23.6933 22.7584 24.407 23.1704C25.1207 23.5825 25.4065 24.4512 25.1084 25.1945L29.8412 27.9269L30.4053 12.7808ZM22.0683 23.9832C21.7721 24.7258 22.0581 25.5927 22.7709 26.0042C23.4837 26.4158 24.3774 26.23 24.8725 25.6022L29.6052 28.3346L16.7703 36.3963L17.3345 21.2501L22.0683 23.9832ZM28.4802 16.1153L21.0575 20.7775L28.1539 24.8747L28.4802 16.1153Z"
      fill="url(#paint1_linear)"
    />
    <defs>
      <linearGradient
        id="paint0_linear"
        x1="4.5312"
        y1="6.58984"
        x2="37.4461"
        y2="46.8339"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#06847B" />
        <stop offset="1" stopColor="#3EE7CD" />
      </linearGradient>
      <linearGradient
        id="paint1_linear"
        x1="23.9086"
        y1="9.02991"
        x2="36.5382"
        y2="33.2176"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#06847B" />
        <stop offset="1" stopColor="#3EE7CD" />
      </linearGradient>
    </defs>
  </>
);
Navigation.displayName = "Navigation";
export default Navigation;