IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File Folder icon - Outline Color | SVG & PNG Free Download

Style Variants

File Folder

File And Folders 1

File Folder icon - also known as file, document, archive, file folder, and files and folders. Created in a clean outline color style with a white and teal finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/12/2025

Tags

files and folders

Usage Snippets

FileFolder.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 68 68"
>
    <path
        fill="#4dabf4"
        d="M8.193 5.096v57.806A3.097 3.097 0 0 0 11.29 66h45.419a3.097 3.097 0 0 0 3.097-3.097V5.096a3.097 3.097 0 0 0-3.097-3.097h-45.42a3.097 3.097 0 0 0-3.096 3.097z"
    />
    <path
        fill="#1d7bd5"
        d="M59.809 5.094v57.81c0 1.71-1.39 3.1-3.1 3.1h-45.42c-1.71 0-3.1-1.39-3.1-3.1v-25.11c57.5-1.73 42.3-35.79 42.3-35.79h6.22c1.71 0 3.1 1.38 3.1 3.09z"
    />
    <path
        fill="#fff"
        d="M54.647 16.739v40.217h-41.29v-46.91a3 3 0 0 1 3-3h28.597z"
    />
    <path
        fill="#dee1e6"
        d="M54.647 16.739v40.217h-41.29V34.803C46.657 36.981 40.97 7.046 40.97 7.046h3.984z"
    />
    <path
        fill="#4dabf4"
        d="M8.193 37.796v25.107a3.097 3.097 0 0 0 3.097 3.096h45.419a3.097 3.097 0 0 0 3.097-3.096v-16.85H47.788a3.097 3.097 0 0 1-2.357-1.087l-5.183-6.082a3.097 3.097 0 0 0-2.357-1.088H8.193z"
    />
    <path
        fill="#1d7bd5"
        d="M59.808 46.055v16.846a3.1 3.1 0 0 1-3.096 3.097h-45.42a3.08 3.08 0 0 1-2.89-1.982C52.965 62.953 46.812 45.9 46.812 45.9v-.01c.31.113.64.165.97.165z"
    />
    <path fill="#dee1e6" d="M54.647 16.739h-9.693V7.046z" />
    <path
        d="M60.806 46.042V5.096A4.102 4.102 0 0 0 56.709 1h-45.42a4.102 4.102 0 0 0-4.096 4.097v57.806c0 2.265 1.907 4.099 4.094 4.099h45.42c2.26 0 4.1-1.84 4.1-4.1V46.05l-.002-.009zm-2 16.86A2.1 2.1 0 0 1 56.709 65h-45.42c-1.106 0-2.092-.915-2.092-2.098V38.8h28.69c.62 0 1.2.26 1.6.73l5.18 6.08c.78.92 1.92 1.44 3.12 1.44h11.018zm-7.45-48.04.877.877h-6.279V9.466zm-6.402 2.877h8.693V45.05h-5.86c-.62 0-1.2-.27-1.6-.73l-5.18-6.09a4.09 4.09 0 0 0-3.12-1.43h-23.53V10.05a2 2 0 0 1 2-2h27.597v8.688a1 1 0 0 0 1 1zM58.805 45.05h-3.158V16.836c.004-.034.02-.063.02-.097a.993.993 0 0 0-.377-.776c-13.195-13.19-8.644-8.64-9.629-9.624-.32-.32-.705-.272-.805-.288H16.357c-2.21 0-4 1.79-4 4V36.8H9.193V5.096c0-1.156.94-2.097 2.096-2.097h45.42c1.156 0 2.097.94 2.097 2.097z"
    />
    <path
        fill="#fff"
        d="M15.181 55.282a.75.75 0 0 1-.75-.75v-3.097a.75.75 0 0 1 1.5 0v3.097a.75.75 0 0 1-.75.75zM15.181 47.406a.75.75 0 0 1-.75-.75v-2.58a.75.75 0 0 1 1.5 0v2.58a.75.75 0 0 1-.75.75zM53.946 56.573a.75.75 0 0 1-.75-.75v-2.581a.75.75 0 0 1 1.5 0v2.58a.75.75 0 0 1-.75.75z"
    />
</svg>