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 document, storage, office material, archive, filing cabinet, and edit tools. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/13/2025

Tags

office material

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="682.667"
    height="682.667"
    viewBox="0 0 682.667 682.667"
>
    <defs>
        <linearGradient
            id="a"
            x1="0"
            x2="1"
            y1="0"
            y2="0"
            gradientTransform="matrix(0 459 459 0 256 37)"
            gradientUnits="userSpaceOnUse"
            spreadMethod="pad"
        >
            <stop offset="0" stop-opacity="1" stop-color="#fd5900" />
            <stop offset="0" stop-opacity="1" stop-color="#fd5900" />
            <stop offset="1" stop-opacity="1" stop-color="#ffde00" />
        </linearGradient>
        <linearGradient
            id="b"
            x1="0"
            x2="1"
            y1="0"
            y2="0"
            gradientTransform="matrix(0 420 420 0 256 16)"
            gradientUnits="userSpaceOnUse"
            spreadMethod="pad"
        >
            <stop offset="0" stop-opacity="1" stop-color="#ffe59a" />
            <stop offset=".013" stop-opacity="1" stop-color="#ffe59a" />
            <stop offset="1" stop-opacity="1" stop-color="#ffffd5" />
        </linearGradient>
    </defs>
    <path
        d="M15 496c-8.281 0-15-6.72-15-15V46l15-9 15 9h452l16-9 14 9v435c0 8.28-6.719 15-15 15z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="url(#a)"
        stroke="none"
    />
    <path
        d="M75 436c-8.284 0-15-6.716-15-15V301c0-8.284 6.716-15 15-15h362c8.284 0 15 6.716 15 15v120c0 8.284-6.716 15-15 15zm166-75c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.285-6.716-15-15-15-8.284 0-15 6.715-15 15M75 256c-8.284 0-15-6.716-15-15V121c0-8.284 6.716-15 15-15h362c8.284 0 15 6.716 15 15v120c0 8.284-6.716 15-15 15zm166-75c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15 0-8.285-6.716-15-15-15-8.284 0-15 6.715-15 15M482 46V31c0-8.28 6.72-15 15-15 8.281 0 15 6.72 15 15v15zM0 46V31c0-8.28 6.719-15 15-15 8.28 0 15 6.72 15 15v15z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="url(#b)"
        stroke="none"
    />
</svg>