IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Add File icon - Gradient | SVG & PNG Free Download

Style Variants

Add File

User Interface 53

Add File icon - also known as interface, file, document, add, add post, archive, add file, 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/24/2025

Tags

files and folders

Usage Snippets

AddFile.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="640"
    height="640"
    viewBox="0 0 480 480"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#12c2e9" />
        <stop offset=".056" stop-color="#19bfe9" />
        <stop offset=".137" stop-color="#2db6ea" />
        <stop offset=".235" stop-color="#4da7ea" />
        <stop offset=".344" stop-color="#7993eb" />
        <stop offset=".462" stop-color="#b279ed" />
        <stop offset=".497" stop-color="#c471ed" />
        <stop offset="1" stop-color="#f64f59" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="240"
        x2="240"
        y1="480"
        y2="0"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="240"
        x2="240"
        y1="360"
        y2="120"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="240"
        x2="240"
        y1="312"
        y2="216"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M240 0C107.453 0 0 107.453 0 240s107.453 240 240 240 240-107.453 240-240C479.852 107.516 372.484.148 240 0zm0 464C116.29 464 16 363.71 16 240S116.29 16 240 16s224 100.29 224 224c-.14 123.652-100.348 223.86-224 224zm0 0"
    />
    <path
        fill="url(#c)"
        d="M335.488 189.441c-.09-.257-.152-.504-.265-.754a7.874 7.874 0 0 0-1.598-2.343l-64-64a8.046 8.046 0 0 0-2.352-1.602c-.234-.101-.472-.168-.722-.254a7.951 7.951 0 0 0-2.137-.425c-.117.015-.254-.063-.414-.063H152a8 8 0 0 0-8 8v224a8 8 0 0 0 8 8h176a8 8 0 0 0 8-8V192c0-.176-.09-.328-.105-.504a7.522 7.522 0 0 0-.407-2.055zM272 147.312 308.688 184H272zM320 344H160V136h96v56a8 8 0 0 0 8 8h56zm0 0"
    />
    <path
        fill="url(#d)"
        d="M248 224a8 8 0 0 0-16 0v32h-32a8 8 0 0 0 0 16h32v32a8 8 0 0 0 16 0v-32h32a8 8 0 0 0 0-16h-32zm0 0"
    />
</svg>