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

export const SquareDoubledDownRightTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M7.5 16C6.10218 16 5.40326 16 4.85195 15.7716C4.11687 15.4672 3.53284 14.8831 3.22836 14.1481C3 13.5967 3 12.8978 3 11.5V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H11.5C12.8978 3 13.5967 3 14.1481 3.22836C14.8831 3.53284 15.4672 4.11687 15.7716 4.85195C16 5.40326 16 6.10218 16 7.5M16.2 21H12.8C11.1198 21 10.2798 21 9.63803 20.673C9.07354 20.3854 8.6146 19.9265 8.32698 19.362C8 18.7202 8 17.8802 8 16.2V12.8C8 11.1198 8 10.2798 8.32698 9.63803C8.6146 9.07354 9.07354 8.6146 9.63803 8.32698C10.2798 8 11.1198 8 12.8 8H16.2C17.8802 8 18.7202 8 19.362 8.32698C19.9265 8.6146 20.3854 9.07354 20.673 9.63803C21 10.2798 21 11.1198 21 12.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
  </svg>
));