IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Delete File icon - Flat | SVG & PNG Free Download

Style Variants

Delete File

Delete File icon - also known as interface, file, document, delete, archive, delete file, and files and folders. Created in a clean flat style with a white, silver, gray, black, navy, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/13/2025

Tags

files and folders

Usage Snippets

DeleteFile.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 520 520"
>
    <path
        fill="#3c3b3d"
        d="M485 490H385c-5.522 0-10-4.478-10-10s4.478-10 10-10h100c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path fill="#ecf0f1" d="m115 30-90 90v370h360V30z" />
    <path fill="#bec3c7" d="M115 30v90H25z" />
    <path fill="#ecf0f1" d="M385 30H115v90H25v370h360z" />
    <g fill="#313a52">
        <path
            d="M285 60h20v20h-20zM245 60h20v20h-20zM205 60h20v20h-20zM165 60h20v20h-20z"
        />
    </g>
    <path
        fill="#469be0"
        d="M295 460H135c-5.523 0-10-4.478-10-10s4.477-10 10-10h160c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path
        fill="#65b2fe"
        d="M295 420H135c-5.523 0-10-4.478-10-10s4.477-10 10-10h160c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path
        fill="#469be0"
        d="M295 380H135c-5.523 0-10-4.478-10-10s4.477-10 10-10h160c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path
        fill="#65b2fe"
        d="M295 340H135c-5.523 0-10-4.478-10-10s4.477-10 10-10h160c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path
        fill="#469be0"
        d="M255 300H135c-5.523 0-10-4.478-10-10s4.477-10 10-10h120c5.522 0 10 4.478 10 10s-4.478 10-10 10z"
    />
    <path
        fill="#65b2fe"
        d="M215 260h-80c-5.523 0-10-4.477-10-10s4.477-10 10-10h80c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
    />
    <path
        fill="#469be0"
        d="M215 220h-80c-5.523 0-10-4.477-10-10s4.477-10 10-10h80c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
    />
    <path
        fill="#65b2fe"
        d="M215 180h-80c-5.523 0-10-4.477-10-10s4.477-10 10-10h80c5.523 0 10 4.477 10 10s-4.477 10-10 10z"
    />
    <circle cx="384" cy="200" r="100" fill="#e3835a" />
    <path
        fill="#fff"
        d="m404.213 235.355-56.568-56.569c-3.904-3.905-3.905-10.237 0-14.142s10.237-3.905 14.143 0l56.568 56.569c3.904 3.905 3.905 10.237 0 14.142s-10.238 3.905-14.143 0z"
    />
    <path
        fill="#fff"
        d="m418.355 178.787-56.568 56.569c-3.905 3.905-10.237 3.905-14.143 0s-3.904-10.237 0-14.142l56.568-56.569c3.905-3.905 10.237-3.905 14.143 0s3.905 10.237 0 14.142z"
    />
</svg>