IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Folder icon - Lineal | SVG & PNG Free Download

Style Variants

Folder

Folder icon - also known as file, document, files, folder, office material, archive, binder, 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/13/2025

Tags

office material

files and folders

Usage Snippets

Folder.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 0h-132c-16.568 0-30 13.432-30 30v422c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0Z"
            transform="translate(226 15)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-64"
            transform="translate(192 224)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-64"
            transform="translate(192 288)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-64"
            transform="translate(192 352)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-64"
            transform="translate(192 416)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0Z"
            transform="translate(192 112)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-132c-16.568 0-30 13.432-30 30v422c0 16.568 13.432 30 30 30H0c16.568 0 30-13.432 30-30V30C30 13.432 16.568 0 0 0Z"
            transform="translate(418 15)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M384 208h-64v224h64z"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-17.673-14.327-32-32-32-17.673 0-32 14.327-32 32 0 17.673 14.327 32 32 32C-14.327 32 0 17.673 0 0Z"
            transform="translate(384 112)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>