IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

File icon - Flat Gradient | SVG & PNG Free Download

Style Variants

File

Construction Business 24

File icon - also known as interface, file, document, documents, house, portable document format, archive, dem file, and files and folders. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/15/2025

Tags

portable document format

files and folders

Usage Snippets

File.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 1706.66 1706.66"
>
    <linearGradient
        id="a"
        x1="1311.59"
        x2="1586.96"
        y1="328.37"
        y2="328.37"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e87ea2" />
        <stop offset="1" stop-color="#fcd3a5" />
    </linearGradient>
    <linearGradient
        id="h"
        x1="526.18"
        x2="1415.54"
        y1="1146.48"
        y2="1146.48"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="526.18"
        x2="1415.54"
        y1="928.39"
        y2="928.39"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="526.19"
        x2="1193.18"
        y1="501.08"
        y2="501.08"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="355.06"
        x2="1586.67"
        y1="948.75"
        y2="948.75"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c73c5b" />
        <stop offset="1" stop-color="#a32f60" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="119.99"
        x2="1209.63"
        y1="757.91"
        y2="757.91"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="g"
        x1="526.19"
        x2="1415.54"
        y1="706.98"
        y2="706.98"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="748.52"
        x2="1415.52"
        y1="1396.44"
        y2="1396.44"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill-rule="evenodd">
        <path
            fill="url(#b)"
            d="M375.05 1515.69H233.07c-62.35 0-113.1-50.74-113.1-113.11V113.23C119.97 50.88 170.7.14 233.07.14h863.45c62.35 0 113.1 50.73 113.1 113.09v97.76c0 14.26-14.48 23.81-27.48 18.55L389.8 1482.21c11.65 12.73 2.64 33.48-14.76 33.48z"
        />
        <path
            fill="url(#c)"
            d="M1473.56 1706.53H468.15c-62.35 0-113.09-50.72-113.09-113.09V304.07c0-62.35 50.72-113.09 113.09-113.09h863.44c5.3 0 10.39 2.11 14.15 5.86l235.07 235.06c3.75 3.75 5.86 8.83 5.86 14.13v1147.41c-.02 62.37-50.76 113.09-113.12 113.09z"
        />
        <path
            fill="url(#a)"
            d="M1311.59 190.98c13.63 0 26.08-2.19 34.15 5.86l235.07 235.06c8.06 8.06 5.86 20.51 5.86 34.15h-255.09c-11.04 0-20-8.96-20-20V190.98z"
        />
        <path
            fill="url(#d)"
            d="M1173.44 521.08H545.92c-26.33 0-26.33-40 0-40h627.52c26.32 0 26.32 40 0 40z"
        />
        <path
            fill="url(#e)"
            d="M1395.79 1416.44H768.25c-26.32 0-26.32-40 0-40h627.52c26.32 0 26.33 40 .02 40z"
        />
        <path
            fill="url(#f)"
            d="M1395.79 948.39H545.92c-26.32 0-26.32-40 0-40h849.87c26.32 0 26.33 40 0 40z"
        />
        <path
            fill="url(#g)"
            d="M1395.79 726.98H545.92c-26.33 0-26.33-40 0-40h849.87c26.32 0 26.33 40 0 40z"
        />
        <path
            fill="url(#h)"
            d="M1395.79 1166.48H545.92c-26.32 0-26.32-40 0-40h849.87c26.32 0 26.33 40 0 40z"
        />
    </g>
</svg>