IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Paper icon - Lineal Color | SVG & PNG Free Download

Style Variants

Paper

Scroll And Paper 2

Paper icon - also known as file, document, notes, paper, paperclip, archive, paper clip, appendix, and files and folders. Created in a clean lineal color style, 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

Paper.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>
        <clipPath id="b" 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 0 81.449 305.402c99.745 206.89 439.643-124.21 198.221-234.334L-119.256-110.9Z"
            transform="translate(-438.664 -439.512)"
            fill="#91a8dd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
    <path
        d="M97.146 39.196h349.136v436.845H97.146Z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#b5ceff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M396.282 39.196h50v436.845h-50z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#a4c2ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M65.718 7.5h349.136v436.845H65.718Z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#e9f2ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M364.854 7.5h50v436.845h-50z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#deebff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0v67.676h-349.136V35.98"
        transform="matrix(1.33333 0 0 -1.33333 595.043 138.18)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0h31.429v327.676"
        transform="matrix(1.33333 0 0 -1.33333 553.138 630.405)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v-47.886h349.136v436.845H0V39.252"
            transform="translate(65.718 55.386)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v1.366c0 14.898-12.159 26.94-27.079 26.82-14.751-.119-26.647-12.091-26.647-26.82v-115.293c0-9.958 8.123-18.031 18.142-18.031h.001c10.019 0 18.142 8.073 18.142 18.031v37.551c0 5.971-4.84 10.813-10.809 10.813"
            transform="translate(399.57 476.313)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>