{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"grid","type":"registry:component","title":"Grid","description":"grid from coolicons in Line with regular corners. apps, tiles, layout, gallery, view, squares. Other styles and corners: @coolicons/<style>/<radius>/grid with line, duocolor, duotone, fill or bulk and sharp or round. Leave out regular, like @coolicons/fill/grid, and use @coolicons/grid for line with regular corners.","categories":["System"],"author":"coolicons <https://coolicons.cool>","docs":"https://coolicons.cool/icons/grid","meta":{"icon":"grid","style":"line","radius":"regular"},"files":[{"path":"registry/icons/grid.tsx","type":"registry:component","content":"import type { SVGProps } from \"react\";\n\ntype IconProps = Omit<SVGProps<SVGSVGElement>, \"children\"> & {\n  size?: number | string;\n  strokeWidth?: number | string;\n  title?: string;\n};\n\nexport function Grid({ size = 24, strokeWidth = 2, title, ...props }: IconProps) {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      role={title ? \"img\" : undefined}\n      aria-hidden={title ? undefined : true}\n      {...props}\n    >\n      {title ? <title>{title}</title> : null}\n      <path d=\"M4 5C4 4.44772 4.44772 4 5 4H9C9.55228 4 10 4.44772 10 5V9C10 9.55228 9.55228 10 9 10H5C4.44772 10 4 9.55228 4 9ZM4 15C4 14.44772 4.44772 14 5 14H9C9.55228 14 10 14.44772 10 15V19C10 19.55228 9.55228 20 9 20H5C4.44772 20 4 19.55228 4 19ZM14 15C14 14.44772 14.44772 14 15 14H19C19.55228 14 20 14.44772 20 15V19C20 19.55228 19.55228 20 19 20H15C14.44772 20 14 19.55228 14 19ZM14 5C14 4.44772 14.44772 4 15 4H19C19.55228 4 20 4.44772 20 5V9C20 9.55228 19.55228 10 19 10H15C14.44772 10 14 9.55228 14 9Z\" stroke=\"currentColor\" strokeWidth={strokeWidth} strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  );\n}\n","target":"@components/icons/grid.tsx"}]}