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

export const CogTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M12.0035 2.71484C12.9787 2.45353 13.4663 2.32288 13.9408 2.34775C14.3606 2.36975 14.7712 2.47976 15.1457 2.67062C15.5691 2.88634 15.9261 3.24328 16.6399 3.95717L20.0432 7.36041C20.7571 8.07429 21.114 8.43124 21.3297 8.8546C21.5206 9.2292 21.6306 9.63972 21.6526 10.0596C21.6775 10.5341 21.5468 11.0217 21.2855 11.9968L20.0398 16.6458C19.7785 17.6209 19.6479 18.1085 19.3891 18.507C19.1601 18.8596 18.8596 19.1602 18.507 19.3891C18.1085 19.6479 17.6209 19.7786 16.6457 20.0399L11.9968 21.2855C11.0216 21.5468 10.534 21.6775 10.0595 21.6526C9.63969 21.6306 9.22916 21.5206 8.85457 21.3298C8.4312 21.114 8.07426 20.7571 7.36037 20.0432L3.95713 16.64C3.24325 15.9261 2.8863 15.5691 2.67059 15.1458C2.47972 14.7712 2.36972 14.3607 2.34772 13.9408C2.32285 13.4663 2.4535 12.9787 2.7148 12.0035L3.96047 7.35462C4.22178 6.37943 4.35243 5.89184 4.61121 5.49334C4.84019 5.14075 5.14072 4.84022 5.49331 4.61125C5.8918 4.35246 6.3794 4.22181 7.35459 3.96051L12.0035 2.71484Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <circle cx="12" cy="12" r="3.5" stroke="currentColor" strokeWidth="2" />
  </svg>
));