IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Gradient | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as business, education, document, fashion, bag, security, documents, travel, briefcase, suitcase, portfolio, archives, files and folders, and business and finance. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/24/2025

Tags

files and folders

business and finance

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 606.749 606.749"
>
    <linearGradient
        id="a"
        x1="303.375"
        x2="303.375"
        y1="547.801"
        y2="44.736"
        gradientTransform="matrix(1 0 0 -1 0 595.775)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".014" stop-color="#fee72e" />
        <stop offset=".042" stop-color="#fed51b" />
        <stop offset=".07" stop-color="#fdca10" />
        <stop offset=".1" stop-color="#fdc70c" />
        <stop offset=".4" stop-color="#f3903f" />
        <stop offset=".8" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <path
        d="M576.412 121.35H434.837V91.012c0-16.755-13.583-30.337-30.337-30.337H202.25c-16.755 0-30.337 13.583-30.337 30.337v30.337H30.337C13.583 121.35 0 134.932 0 151.687v364.049c0 16.755 13.583 30.337 30.337 30.337h546.074c16.755 0 30.337-13.583 30.337-30.337V151.687c.001-16.755-13.581-30.337-30.336-30.337zm0 20.225c5.585 0 10.112 4.528 10.112 10.112v50.562h-60.675v-60.675h50.563zM192.137 91.012c0-5.585 4.528-10.112 10.112-10.112h202.25c5.585 0 10.112 4.528 10.112 10.112v30.337H192.137V91.012zm182.025 252.813V323.6h60.675v20.225h-60.675zm-10.112-40.45c-5.585 0-10.112 4.528-10.112 10.112v40.45c0 5.585 4.528 10.112 10.112 10.112h30.337v151.687a29.992 29.992 0 0 0 1.861 10.112H210.502a30.001 30.001 0 0 0 1.861-10.112V364.05H242.7c5.585 0 10.112-4.528 10.112-10.112v-40.45c0-5.585-4.528-10.112-10.112-10.112h-30.337v-161.8h182.025v161.8H364.05zM232.587 323.6v20.225h-60.675V323.6h60.675zM20.225 151.687c0-5.585 4.528-10.112 10.112-10.112H80.9v60.675H20.225v-50.563zm10.112 374.162c-5.585 0-10.112-4.528-10.112-10.112v-50.562H80.9v50.562c0 5.585-4.528 10.112-10.112 10.112H30.337zm68.927 0a30.001 30.001 0 0 0 1.861-10.112v-60.675c0-5.585-4.528-10.112-10.112-10.112H20.225V222.475h70.787c5.585 0 10.112-4.528 10.112-10.112v-70.787h91.012v161.8H161.8c-5.585 0-10.112 4.528-10.112 10.112v40.45c0 5.585 4.528 10.112 10.112 10.112h30.337v151.687c0 5.585-4.528 10.112-10.112 10.112H99.264zm315.348-10.112V364.05h30.337c5.585 0 10.112-4.528 10.112-10.112v-40.45c0-5.585-4.528-10.112-10.112-10.112h-30.337v-161.8h91.012v70.787c0 5.585 4.528 10.112 10.112 10.112h70.787V444.95h-70.787c-5.585 0-10.112 4.528-10.112 10.112v60.675a29.992 29.992 0 0 0 1.861 10.112h-82.761c-5.585 0-10.112-4.527-10.112-10.112zm171.912 0c0 5.585-4.528 10.112-10.112 10.112h-40.45c-5.585 0-10.112-4.528-10.112-10.112v-50.562h60.675v50.562z"
        fill="url(#a)"
    />
</svg>