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 education, file, document, pencil, text, paper, pen, office, office material, archive, Admission, definition, and files and folders. 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

files and folders

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="-9.252"
        x2="63.493"
        y1="66.405"
        y2=".934"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff200" />
        <stop offset="1" stop-color="#cd118c" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-17.346"
        x2="55.399"
        y1="57.412"
        y2="-8.059"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="-14.363"
        x2="58.383"
        y1="60.726"
        y2="-4.744"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-11.379"
        x2="61.366"
        y1="64.041"
        y2="-1.429"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="-8.396"
        x2="64.349"
        y1="67.356"
        y2="1.886"
        href="#a"
    />
    <path
        fill="url(#a)"
        d="M57 46h-5V7a1 1 0 0 0-1-1H13.65A6 6 0 0 0 2 8v53a1 1 0 0 0 2 0v-1a4 4 0 0 1 8 0v1a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-5h5a5 5 0 0 0 0-10zm-45 9.53a5.994 5.994 0 0 0-8 0V8a4 4 0 0 1 8 0zM50 60H14V8h36v38H27a.978.978 0 0 0-.41.09l-9 4a1 1 0 0 0 0 1.82l9 4A.978.978 0 0 0 27 56h23zm-20.29-7.71L28.41 51l1.3-1.29a1.008 1.008 0 0 0 0-1.42l-.3-.29H48v6H29.41l.3-.29a1.008 1.008 0 0 0 0-1.42zm-3.42-.58 1.3 1.29-.81.81L20.46 51l6.32-2.81.81.81-1.3 1.29a1.008 1.008 0 0 0 0 1.42zM52 54h-2v-6h2zm5 0h-3v-6h3a3 3 0 0 1 0 6z"
    />
    <path fill="url(#b)" d="M18 12h28v2H18z" />
    <path fill="url(#c)" d="M18 18h28v2H18z" />
    <path fill="url(#d)" d="M18 24h28v2H18z" />
    <path fill="url(#e)" d="M18 30h28v2H18z" />
</svg>