IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Grid icon - Lineal | SVG & PNG Free Download

Style Variants

Grid

Editorial Design 42

Grid icon - also known as interface, file, document, sheet, archive, ui, grid, and files and folders. Created in a clean lineal style with a black finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

Grid.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <clipPath id="a" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v482h288.788l81.228-81.227V0Z"
            transform="translate(70.992 15)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0 .011-90h89.995"
            transform="translate(351.002 497)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-295.266"
            transform="translate(163.496 358.447)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-295.266"
            transform="translate(256 358.447)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v-295.266"
            transform="translate(348.504 358.447)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0-280.01.001"
            transform="translate(396.005 303.317)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-280.01"
            transform="translate(396.005 210.815)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-280.01"
            transform="translate(396.005 118.31)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="butt"
            stroke-linejoin="miter"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>