IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Attach File icon - Gradient | SVG & PNG Free Download

Style Variants

Attach File

Communication 449

Attach File icon - also known as document, notes, attachment, attach, paperclip, archive, attach file, files and folders, and attached file. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.

7/14/2025

Tags

files and folders

Usage Snippets

AttachFile.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y2="32.333"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#b621fe" />
        <stop offset="1" stop-color="#1fd1f9" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="16.017"
        x2="16.017"
        y1="0"
        y2="32.333"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="18.448"
        x2="18.448"
        y1="0"
        y2="32.333"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="16.503"
        x2="16.503"
        y1="0"
        y2="32.333"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="18.934"
        x2="18.934"
        y1="0"
        y2="32.333"
        href="#a"
    />
    <linearGradient id="f" x1="13.6" x2="13.6" y1="0" y2="32.333" href="#a" />
    <g fill-rule="evenodd">
        <path
            fill="url(#a)"
            d="M16 1.5A14.5 14.5 0 1 0 30.5 16 14.507 14.507 0 0 0 16 1.5zm0 28A13.5 13.5 0 1 1 29.5 16 13.506 13.506 0 0 1 16 29.5z"
        />
        <path
            fill="url(#b)"
            d="M21.028 8.722h-4.352a.5.5 0 0 0 0 1h4.352a.471.471 0 0 1 .472.472v13.612a.471.471 0 0 1-.472.472H11.005a.471.471 0 0 1-.472-.472V10.194a.5.5 0 1 0-1 0v13.612a1.472 1.472 0 0 0 1.472 1.472h10.023a1.472 1.472 0 0 0 1.472-1.472V10.194a1.472 1.472 0 0 0-1.472-1.472z"
        />
        <path
            fill="url(#c)"
            d="M17.475 11.666h1.945a.5.5 0 0 0 0-1h-1.945a.5.5 0 0 0 0 1zM16.489 13.111a.5.5 0 0 0 .5.5h2.917a.5.5 0 0 0 0-1h-2.917a.5.5 0 0 0-.5.5z"
        />
        <path
            fill="url(#d)"
            d="M12.6 16.028a.5.5 0 0 0 .5.5h6.806a.5.5 0 0 0 0-1H13.1a.5.5 0 0 0-.5.5z"
        />
        <path
            fill="url(#b)"
            d="M19.906 17.472h-7.779a.5.5 0 0 0 0 1h7.779a.5.5 0 0 0 0-1zM19.906 19.417h-7.779a.5.5 0 1 0 0 1h7.779a.5.5 0 0 0 0-1z"
        />
        <path
            fill="url(#e)"
            d="M19.906 22.334h-1.945a.5.5 0 0 0 0 1h1.945a.5.5 0 0 0 0-1z"
        />
        <path
            fill="url(#f)"
            d="M12 15.5a.5.5 0 0 0 .5-.5V8.6a1.1 1.1 0 0 1 2.2 0v4a.3.3 0 0 1-.6 0V9.4a.5.5 0 0 0-1 0v3.2a1.3 1.3 0 0 0 2.6 0v-4a2.1 2.1 0 0 0-4.2 0V15a.5.5 0 0 0 .5.5z"
        />
    </g>
</svg>