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

export const RingTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.8549 1.95089C16.2098 2.34542 16.3872 2.54269 16.4507 2.76441C16.5066 2.9596 16.5018 3.16719 16.4369 3.35958C16.3632 3.57812 16.1768 3.76696 15.8041 4.14464L13.6855 6.29156C13.5121 6.46724 13.4254 6.55508 13.3239 6.61792C13.234 6.67363 13.1357 6.71471 13.0329 6.73962C12.9169 6.76771 12.7935 6.76771 12.5466 6.76771H11.453C11.2062 6.76771 11.0828 6.76771 10.9668 6.73962C10.8639 6.71471 10.7657 6.67363 10.6757 6.61792C10.5742 6.55508 10.4875 6.46724 10.3142 6.29156L8.19549 4.14461C7.8228 3.76694 7.63645 3.5781 7.56271 3.35956C7.4978 3.16718 7.49299 2.9596 7.54892 2.76441C7.61245 2.54269 7.78984 2.34542 8.14464 1.95089L8.52302 1.53013C8.69856 1.33493 8.78633 1.23733 8.8916 1.16732C8.9849 1.10527 9.08797 1.05935 9.19649 1.03146C9.31893 1 9.45019 1 9.71272 1H14.2868C14.5493 1 14.6806 1 14.803 1.03146C14.9116 1.05934 15.0146 1.10526 15.1079 1.16731C15.2132 1.23731 15.3009 1.3349 15.4765 1.53009L15.8549 1.95089Z"
      fill="currentColor"
    />
    <path
      d="M12 22C16.4183 22 20 18.4183 20 14C20 9.58172 16.4183 6 12 6C7.58172 6 4 9.58172 4 14C4 18.4183 7.58172 22 12 22Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
  </svg>
));