import { createIcon } from '../utils/create-icon';

export const CompassTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M13.8856 13.8856L10.1144 10.1144C10.0618 10.0618 9.97234 10.083 9.94883 10.1535L8.06325 15.8103C8.03719 15.8884 8.11156 15.9628 8.18974 15.9368L13.8465 14.0512C13.917 14.0277 13.9382 13.9382 13.8856 13.8856Z"
      fill="currentColor"
    />
    <path
      d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M9.73419 9.79743L7.56325 16.3103C7.53719 16.3884 7.61156 16.4628 7.68974 16.4368L14.2026 14.2658C14.2324 14.2559 14.2559 14.2324 14.2658 14.2026L16.4368 7.68974C16.4628 7.61156 16.3884 7.53719 16.3103 7.56325L9.79743 9.73419C9.76757 9.74414 9.74414 9.76757 9.73419 9.79743Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));