import * as React from "react";
import { SVGProps } from "react";

const SvgSunCompass = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M9.7 4.3 12 1l2.3 3.3c-.7-.2-1.5-.3-2.3-.3s-1.6.1-2.3.3m7.8 1.9c1.1 1.1 2 2.5 2.3 4.1l1.7-3.7-4-.4M5 8.1c.1-.1.1-.1 0 0 .1-.1.1-.1.1-.2.4-.6.9-1.2 1.4-1.7l-4 .3 1.7 3.7c.2-.7.5-1.5.8-2.1m14.2 7.3s0 .1 0 0c-.1.2-.2.4-.3.5v.2c-.4.7-.9 1.2-1.4 1.8l4.1-.3-1.7-3.7c-.2.5-.4 1-.7 1.5m-14 .8c0-.1-.1-.1-.1-.2-.1-.1-.1-.1-.1-.2-.1-.2-.2-.3-.2-.5-.2-.5-.4-1-.5-1.5l-1.7 3.7 4.1.3c-.7-.5-1.1-1-1.5-1.6m7.4 3.8h-1.2c-.6 0-1.2-.2-1.7-.3L12 23l2.3-3.3c-.5.1-1.1.2-1.7.3m3.6-12.2c-2.3-2.3-6.1-2.3-8.5 0s-2.3 6.1 0 8.5 6.1 2.3 8.5 0 2.4-6.2 0-8.5m-7.7 7.7 2.1-4.9 5-2.2-2.1 4.9-5 2.2m4.2-2.8c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4Z" />
  </svg>
);

export default SvgSunCompass;