IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Document icon - Outline Gradient | SVG & PNG Free Download

Style Variants

Document

Document icon - also known as interface, file, document, text, archive, failure, and files and folders. Created in a clean outline 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

Usage Snippets

Document.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="400pt"
    height="400pt"
    viewBox="0 -8 400 400"
>
    <linearGradient id="a">
        <stop offset=".322" stop-color="#a163f5" />
        <stop offset=".466" stop-color="#b074ee" />
        <stop offset=".752" stop-color="#d8a1dd" />
        <stop offset=".898" stop-color="#efbad3" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="255.21"
        x2="259.037"
        y1="50.897"
        y2="563.717"
        gradientTransform="matrix(1 0 0 -1 -56 450.09)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="240.632"
        x2="244.459"
        y1="51.006"
        y2="563.826"
        gradientTransform="matrix(1 0 0 -1 -56 450.09)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="291.44"
        x2="295.267"
        y1="50.626"
        y2="563.447"
        gradientTransform="matrix(1 0 0 -1 -56 450.09)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="292.008"
        x2="295.835"
        y1="50.622"
        y2="563.443"
        gradientTransform="matrix(1 0 0 -1 -56 450.09)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M370 0H111.742c-16.562.02-29.98 13.438-30 30v183.59H50c-27.602.031-49.969 22.398-50 50v69.722c.031 28.083 22.79 50.84 50.871 50.872h288.04c33.726-.036 61.054-27.368 61.089-61.094V30c-.02-16.563-13.438-29.98-30-30zM81.742 333.309c0 17.05-13.82 30.87-30.87 30.87C33.82 364.18 20 350.36 20 333.31v-69.72c.02-16.562 13.438-29.98 30-30h31.742zM380 323.089c-.023 22.684-18.406 41.063-41.09 41.09H91.277a50.62 50.62 0 0 0 10.465-30.87V30c.008-5.52 4.48-9.992 10-10H370c5.52.008 9.992 4.48 10 10zm0 0"
    />
    <path
        fill="url(#c)"
        d="M159.434 109.602H214.3c5.523 0 10-4.477 10-10 0-5.524-4.477-10-10-10h-54.867c-5.524 0-10 4.476-10 10 0 5.523 4.476 10 10 10zm0 0"
    />
    <path
        fill="url(#d)"
        d="M314.645 175.234H159.434c-5.524 0-10 4.477-10 10 0 5.52 4.476 10 10 10h155.21c5.524 0 10-4.48 10-10 0-5.523-4.476-10-10-10zm0 0"
    />
    <path
        fill="url(#e)"
        d="M314.645 251.258H159.434c-5.524 0-10 4.476-10 10 0 5.52 4.476 10 10 10h155.21c5.524 0 10-4.48 10-10 0-5.524-4.476-10-10-10zm0 0"
    />
</svg>