IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Flat | SVG & PNG Free Download

Style Variants

File

Digital Services 11

File icon - also known as interface, cloud, file, document, archive, cloud computing, and files and folders. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

cloud computing

files and folders

Usage Snippets

File.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-254.599c-11.464 0-20.758-9.294-20.758-20.759v-470.482c0-11.465 9.294-20.759 20.758-20.759H85.502c11.465 0 20.759 9.294 20.759 20.759v384.98z"
            transform="translate(276.546 512)"
            fill="#f2f2f2"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v-112.271c0-5.92 4.799-10.719 10.718-10.719H29.32v-346.647c0-11.465-9.294-20.759-20.759-20.759h55.337c11.465 0 20.759 9.294 20.759 20.759v384.981z"
            transform="translate(298.15 490.396)"
            fill="#cdd6df"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0v95.542l106.261-106.26H10.718C4.799-10.718 0-5.919 0 0"
            transform="translate(276.546 416.457)"
            fill="#426175"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-2.92 0-5.799-.175-8.631-.504-.161 48.648-39.644 88.035-88.33 88.035-34.497 0-64.372-19.778-78.914-48.611-50.679-1.107-91.421-42.53-91.421-93.474 0-51.639 41.861-93.5 93.5-93.5H0c40.884 0 74.027 33.143 74.027 74.027S40.884 0 0 0"
            transform="translate(436.784 244.543)"
            fill="#88dbfd"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0c-2.92 0-5.798-.175-8.63-.504-.162 48.648-39.645 88.035-88.33 88.035-16.562 0-32.052-4.569-45.298-12.499 44.169-4.777 78.577-42.102 78.728-87.506 2.831.329 5.71.504 8.63.504 40.884 0 74.027-33.143 74.027-74.028 0-25.998-13.414-48.851-33.687-62.056H0c40.884 0 74.027 33.143 74.027 74.027S40.884 0 0 0"
            transform="translate(436.784 244.543)"
            fill="#5abfe9"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-133.912a7.726 7.726 0 0 0-7.726 7.727 7.726 7.726 0 0 0 7.726 7.726H0A7.727 7.727 0 1 0 0 0"
            transform="translate(186.502 447.769)"
            fill="#46d1c0"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
        <path
            d="M0 0h-133.912a7.727 7.727 0 0 0 0 15.453H0A7.728 7.728 0 0 0 0 0"
            transform="translate(186.502 398.013)"
            fill="#46d1c0"
            fill-opacity="1"
            fill-rule="nonzero"
            stroke="none"
        />
    </g>
</svg>