IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Lineal | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as interface, signs, file, document, sheet, text, documents, copy, archive, papers, batch, 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/24/2025

Tags

files and folders

Usage Snippets

Document.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="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="c" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="d" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <mask id="a"><rect width="100%" height="100%" fill="#fff" /></mask>
    <g mask="url(#a)">
        <g
            clip-path="url(#b)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="M0 0v-59.999h294v362h-60.074"
                transform="translate(169.037 74.999)"
                fill="none"
                stroke="#000"
                stroke-width="30"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="22.926"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
        <path
            d="M0 0v-60h294v362h-86.46"
            transform="matrix(1.33333 0 0 -1.33333 145.284 502.667)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <g
            clip-path="url(#c)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="m0 0 26.46-26.461v-276h-294v362h208L0 0"
                transform="translate(316.503 437.46)"
                fill="none"
                stroke="#000"
                stroke-width="30"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="22.926"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
        <path
            d="M0 0h59.901"
            transform="matrix(1.33333 0 0 -1.33333 145.284 180)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h158.5"
            transform="matrix(1.33333 0 0 -1.33333 145.284 260.001)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h158.5"
            transform="matrix(1.33333 0 0 -1.33333 145.284 340)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h158.5"
            transform="matrix(1.33333 0 0 -1.33333 145.284 420)"
            fill="none"
            stroke="#000"
            stroke-width="30"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <g
            clip-path="url(#d)"
            transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        >
            <path
                d="M0 0v-93h90"
                transform="translate(252.963 494)"
                fill="none"
                stroke="#000"
                stroke-width="30"
                stroke-linecap="round"
                stroke-linejoin="round"
                stroke-miterlimit="22.926"
                stroke-dasharray="none"
                stroke-opacity="1"
            />
        </g>
    </g>
</svg>