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

export const SquareDashedSquareInsetFillTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M5 17.4C5 17.9601 5 18.2401 5.10899 18.454C5.20487 18.6422 5.35785 18.7951 5.54601 18.891C5.75992 19 6.03995 19 6.6 19H17.4C17.9601 19 18.2401 19 18.454 18.891C18.6422 18.7951 18.7951 18.6422 18.891 18.454C19 18.2401 19 17.9601 19 17.4V6.6C19 6.03995 19 5.75992 18.891 5.54601C18.7951 5.35785 18.6422 5.20487 18.454 5.10899C18.2401 5 17.9601 5 17.4 5H6.6C6.03995 5 5.75992 5 5.54601 5.10899C5.35785 5.20487 5.20487 5.35785 5.10899 5.54601C5 5.75992 5 6.03995 5 6.6V17.4Z"
      fill="currentColor"
    />
    <path
      d="M21 19.2857V19.2857C21 20.2325 20.2325 21 19.2857 21V21M15.6429 21H13.7143M8.35714 21H10.2857M4.71429 21V21C3.76751 21 3 20.2325 3 19.2857V19.2857M3 15.6429V13.7143M3 4.71429V4.71429C3 3.76751 3.76751 3 4.71429 3V3M8.35714 3H10.2857M15.6429 3H13.7143M19.2857 3V3C20.2325 3 21 3.76751 21 4.71429V4.71429M21 8.35714V10.2857M21 15.6429V13.7143M3 8.35714V10.2857"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));