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

export const H6TypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <ellipse
      cx="17.25"
      cy="15.75"
      rx="2.75"
      ry="2.25"
      transform="rotate(180 17.25 15.75)"
      stroke="currentColor"
      strokeWidth="2"
    />
    <path
      d="M19.0528 11.3944C19.5468 11.6414 20.1474 11.4412 20.3944 10.9472C20.6414 10.4532 20.4412 9.85256 19.9472 9.60557L19.0528 11.3944ZM19.1833 10.3416L18.7361 11.2361L19.1833 10.3416ZM18.7361 11.2361L19.0528 11.3944L19.9472 9.60557L19.6305 9.44721L18.7361 11.2361ZM13.5 13.2361V15.75H15.5V13.2361H13.5ZM17.7361 11C18.0832 11 18.4256 11.0808 18.7361 11.2361L19.6305 9.44721C19.0423 9.15311 18.3937 9 17.7361 9V11ZM17.7361 9C15.3966 9 13.5 10.8966 13.5 13.2361H15.5C15.5 12.0011 16.5011 11 17.7361 11V9Z"
      fill="currentColor"
    />
    <path
      d="M4 6V18M10 6V18"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M4.5 12H9.5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));