IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Files icon - Lineal Color | SVG & PNG Free Download

Style Variants

Files

Files icon - also known as interface, sheet, text, paper, files, documents, copy, multimedia, archive, papers, and files and folders. Created in a clean lineal color style with a white, silver, gray, and 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

Files.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>
    <path
        d="M0 0h-219.396l-87.63 87.631v326.854H0Z"
        transform="matrix(1.33333 0 0 -1.33333 494.34 669.333)"
        fill="#e9ebef"
        fill-opacity="1"
        fill-rule="evenodd"
        stroke="none"
    />
    <path
        d="M0 0h-219.395l-87.63 87.63v326.854H0Z"
        transform="matrix(1.33333 0 0 -1.33333 597.693 565.98)"
        fill="#a1ebf5"
        fill-opacity="1"
        fill-rule="evenodd"
        stroke="none"
    />
    <path
        d="M0 0v87.631h-87.631Z"
        transform="matrix(1.33333 0 0 -1.33333 201.813 669.333)"
        fill="#919cb0"
        fill-opacity="1"
        fill-rule="evenodd"
        stroke="none"
    />
    <path
        d="M0 0v87.63h-87.631Z"
        transform="matrix(1.33333 0 0 -1.33333 305.167 565.98)"
        fill="#41cddf"
        fill-opacity="1"
        fill-rule="evenodd"
        stroke="none"
    />
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v123.428h77.516m229.51-336.97v-77.516H87.631L0-203.427V-80"
            transform="translate(63.728 301.058)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v123.428h307.025v-414.485H87.631L0-203.427V-80"
            transform="translate(141.244 378.572)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0v87.631h-87.631Z"
            transform="translate(151.36 10)"
            fill="none"
            stroke="#000"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="22.926"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0v87.63h-87.631Z"
        transform="matrix(1.33333 0 0 -1.33333 305.167 565.98)"
        fill="none"
        stroke="#000"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="22.926"
        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 0c5.509 0 10 4.492 10 10S5.509 20 0 20c-5.508 0-10-4.492-10-10S-5.508 0 0 0"
            transform="translate(63.728 251.058)"
            fill="#000"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
        <path
            d="M0 0c5.508 0 10 4.492 10 10 0 5.509-4.492 10.001-10 10.001S-10 15.509-10 10C-10 4.492-5.508 0 0 0"
            transform="translate(141.244 328.572)"
            fill="#000"
            fill-opacity="1"
            fill-rule="evenodd"
            stroke="none"
        />
    </g>
</svg>