IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Gradient | SVG & PNG Free Download

Style Variants

File

File icon - also known as interface, file, document, documents, portable document format, archive, dem file, and professions and jobs. 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

portable document format

professions and jobs

Usage Snippets

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="-13.608"
        x2="31.783"
        y1="48.206"
        y2="-11.321"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff33b" />
        <stop offset=".04" stop-color="#fee72e" />
        <stop offset=".117" stop-color="#fed51b" />
        <stop offset=".196" stop-color="#fdca10" />
        <stop offset=".281" stop-color="#fdc70c" />
        <stop offset=".669" stop-color="#f3903f" />
        <stop offset=".888" stop-color="#ed683c" />
        <stop offset="1" stop-color="#e93e3a" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-3.965"
        x2="41.427"
        y1="55.559"
        y2="-3.967"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="5.679"
        x2="51.07"
        y1="62.913"
        y2="3.386"
        href="#a"
    />
    <linearGradient
        id="d"
        x1=".857"
        x2="46.248"
        y1="59.236"
        y2="-.291"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-8.787"
        x2="36.605"
        y1="51.882"
        y2="-7.644"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="4.242"
        x2="49.633"
        y1="61.817"
        y2="2.29"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M14 15a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
    />
    <path
        fill="url(#b)"
        d="M14 29a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#c)"
        d="M14 49a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#d)"
        d="M14 39a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#e)"
        d="M14 19a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
    <path
        fill="url(#f)"
        d="M53 4a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v56a1 1 0 0 0 1 1h36.282a1 1 0 0 0 .71-.3 790 790 0 0 0 7.729-7.928 1.112 1.112 0 0 0 .1-.153 1.076 1.076 0 0 0 .1-.157 1.021 1.021 0 0 0 .055-.259.868.868 0 0 0 .024-.11zM9 5h42v46.073L44.011 51a1.061 1.061 0 0 0-.714.289A1 1 0 0 0 43 52v7H9zm40.669 48.059A807.035 807.035 0 0 1 45 57.85v-4.84z"
    />
</svg>