IconHubDesign System

Collections

Empty Collection

Add icons to this collection by clicking the heart icon.

Attachment icon - Gradient | SVG & PNG Free Download

Style Variants

Attachment

Attachment icon - also known as interface, file, mail, office, files, documents, attachment, attach, archive, at sign, 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/14/2025

Tags

files and folders

Usage Snippets

Attachment.svg

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="256"
        x2="256"
        y1="512"
        y2="60"
    >
        <stop offset="0" stop-color="#00b59c" />
        <stop offset="1" stop-color="#9cffac" />
    </linearGradient>
    <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="285.4"
        x2="285.4"
        y1="450"
        y2="0"
    >
        <stop offset="0" stop-color="#c3ffe8" />
        <stop offset=".9973" stop-color="#f0fff4" />
    </linearGradient>
    <g>
        <g>
            <g>
                <path
                    d="m449.801 189.3-68.101-30-30-68.1c-1.8-.9-3.6-1.2-5.7-1.2h-75l-14.949-30-15.051 30h-165c-8.401 0-15 6.599-15 15v392c0 8.399 6.599 15 15 15h360c8.401 0 15-6.601 15-15v-302c0-2.1-.3-3.9-1.199-5.7z"
                    fill="url(#SVGID_1_)"
                />
            </g>
        </g>
        <g>
            <g>
                <path
                    d="m256 240c-57.891 0-105 47.109-105 105s47.109 105 105 105c12.012 0 23.789-2.007 35.039-5.991 7.793-2.754 11.895-11.323 9.141-19.131-2.783-7.852-11.338-11.953-19.16-9.141-7.999 2.827-16.436 4.263-25.02 4.263-41.367 0-75-33.647-75-75s33.633-75 75-75 75 33.647 75 75c0 8.276-6.738 15-15 15s-15-6.724-15-15v-30c0-8.291-6.709-15-15-15h-30c-24.814 0-45 20.186-45 45s20.186 45 45 45c11.567 0 22.02-4.508 30-11.704 7.98 7.196 18.433 11.704 30 11.704 24.814 0 45-20.186 45-45 0-57.891-47.109-105-105-105zm15 105c0 8.276-6.738 15-15 15s-15-6.724-15-15 6.738-15 15-15h15zm-60-180v-90c0-8.401-6.599-15-15-15s-15 6.599-15 15v90c0 8.399-6.599 15-15 15s-15-6.601-15-15v-90c0-24.901 20.099-45 45-45s45 20.099 45 45v15h30v-15c0-41.4-33.6-75-75-75s-75 33.6-75 75v90c0 24.899 20.099 45 45 45s45-20.101 45-45zm235.499 19.499-90-90c-1.199-1.5-2.999-2.699-4.799-3.3v83.1c0 8.284 6.716 15 15 15h83.101c-.601-1.799-1.8-3.599-3.302-4.8z"
                    fill="url(#SVGID_2_)"
                />
            </g>
        </g>
    </g>
</svg>