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

Essential Apps 3

Files icon - also known as files, application, folder, archive, ui, app, and files and folders. Created in a clean lineal color style with a white, silver, maroon, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

files and folders

Usage Snippets

Files.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 300 300"
>
    <circle cx="122" cy="126" r="86" fill="#eaeaea" />
    <path
        fill="#9dc1e4"
        d="M233.894 256H94.106C79.688 256 68 244.312 68 229.894V90.106C68 75.688 79.688 64 94.106 64h139.789C248.312 64 260 75.688 260 90.106v139.789C260 244.312 248.312 256 233.894 256z"
    />
    <path
        fill="#4c241d"
        d="M233.895 260H94.105C77.506 260 64 246.494 64 229.895V90.105C64 73.506 77.506 60 94.105 60h139.789C250.494 60 264 73.506 264 90.105v139.789c0 16.6-13.506 30.106-30.105 30.106zM94.105 68C81.916 68 72 77.916 72 90.105v139.789C72 242.084 81.916 252 94.105 252h139.789c12.189 0 22.105-9.916 22.105-22.105V90.105C256 77.916 246.084 68 233.895 68z"
    />
    <path
        fill="#fc8c29"
        d="M203.771 224H104.23a8.229 8.229 0 0 1-8.229-8.229V136.23a8.229 8.229 0 0 1 8.229-8.229h99.541A8.229 8.229 0 0 1 212 136.23v79.541a8.229 8.229 0 0 1-8.229 8.229z"
    />
    <path
        fill="#4c241d"
        d="M203.771 228h-99.543C97.486 228 92 222.514 92 215.771v-79.543C92 129.486 97.486 124 104.229 124h99.543c6.742 0 12.229 5.486 12.229 12.229v79.543C216 222.514 210.514 228 203.771 228zm-99.542-96a4.233 4.233 0 0 0-4.229 4.229v79.543a4.233 4.233 0 0 0 4.229 4.229h99.543a4.233 4.233 0 0 0 4.229-4.229v-79.543a4.233 4.233 0 0 0-4.229-4.229z"
    />
    <path fill="#fff" d="M112 108h100v84H112z" />
    <path
        fill="#4c241d"
        d="M212 196H112a4 4 0 0 1-4-4v-84a4 4 0 0 1 4-4h100a4 4 0 0 1 4 4v84a4 4 0 0 1-4 4zm-96-8h92v-76h-92z"
    />
    <path
        fill="#ffce56"
        d="M206.872 224H106.453c-5.081 0-8.617-5.049-6.881-9.824l26.675-73.357a7.323 7.323 0 0 1 6.881-4.82h100.419c5.081 0 8.617 5.049 6.881 9.824l-26.675 73.357a7.322 7.322 0 0 1-6.881 4.82z"
    />
    <path
        fill="#4c241d"
        d="M206.871 228H106.453a11.335 11.335 0 0 1-9.273-4.826 11.335 11.335 0 0 1-1.367-10.365l26.676-73.355a11.354 11.354 0 0 1 10.641-7.453h100.418c3.689 0 7.156 1.805 9.273 4.826a11.335 11.335 0 0 1 1.367 10.365l-26.676 73.355A11.354 11.354 0 0 1 206.871 228zm-73.742-88a3.33 3.33 0 0 0-3.121 2.186l-26.676 73.357c-.377 1.033-.23 2.141.4 3.041s1.623 1.416 2.721 1.416h100.418a3.33 3.33 0 0 0 3.121-2.186l26.676-73.357c.377-1.033.23-2.141-.4-3.041S234.645 140 233.547 140z"
    />
    <g fill="#4c241d">
        <path
            d="M200 212h-20a4 4 0 0 1 0-8h20a4 4 0 0 1 0 8zM101.656 103.656a3.988 3.988 0 0 1-2.828-1.172L87.516 91.172a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
        />
        <path
            d="M90.344 103.656a4 4 0 0 1-2.828-6.828l11.312-11.312a4 4 0 1 1 5.656 5.656l-11.312 11.312a3.984 3.984 0 0 1-2.828 1.172z"
        />
        <circle cx="232" cy="228" r="4" />
    </g>
</svg>