Add icons to this collection by clicking the heart icon.
Attach icon - also known as message, file, envelope, email, mail, note, attachment, attach, multimedia, and communications. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="44.025"
x2="44.025"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="16.974"
x2="16.974"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="9.256"
x2="9.256"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="54.744"
x2="54.744"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="54"
x2="54"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="10"
x2="10"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="30"
x2="30"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="45.769"
x2="45.769"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="18.231"
x2="18.231"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="45.402"
x2="45.402"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="18.598"
x2="18.598"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="56"
x2="56"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="8"
x2="8"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="38"
x2="38"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="34"
x2="34"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="26"
x2="26"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M38.052 39.682c.199 0 .401-.06.576-.183l11.949-8.442a1.001 1.001 0 0 0-1.154-1.634l-11.949 8.442a1.001 1.001 0 0 0 .578 1.817z"
/>
<path
fill="url(#c)"
d="M25.372 39.499a.999.999 0 1 0 1.154-1.634L8.577 25.184a1.001 1.001 0 0 0-1.154 1.634z"
/>
<path
fill="url(#d)"
d="M8 26.881h.012A1 1 0 0 0 9 25.87a5.152 5.152 0 0 1 2.104-4.208 1 1 0 1 0-1.181-1.613A7.156 7.156 0 0 0 7 25.893a1 1 0 0 0 1 .988z"
/>
<path
fill="url(#e)"
d="M55 25.864a1 1 0 0 0 .99 1.01H56a1 1 0 0 0 1-.99 7.158 7.158 0 0 0-2.922-5.836 1.001 1.001 0 0 0-1.182 1.614A5.155 5.155 0 0 1 55 25.864z"
/>
<path
fill="url(#f)"
d="M32 41.633c2.326 0 4.651-.713 6.635-2.139a1 1 0 1 0-1.167-1.625 9.36 9.36 0 0 1-10.935 0 1 1 0 0 0-1.167 1.625A11.347 11.347 0 0 0 32 41.633zM26.532 10.762a9.363 9.363 0 0 1 10.935 0 .999.999 0 0 0 1.396-.229 1 1 0 0 0-.229-1.396 11.357 11.357 0 0 0-13.269 0 1 1 0 1 0 1.167 1.625z"
/>
<path
fill="url(#g)"
d="M52 57.001c2.757 0 5-2.243 5-5a1 1 0 0 0-2 0c0 1.654-1.346 3-3 3a1 1 0 0 0 0 2z"
/>
<path
fill="url(#h)"
d="M12 57.001a1 1 0 0 0 0-2c-1.654 0-3-1.346-3-3a1 1 0 0 0-2 0c0 2.757 2.243 5 5 5z"
/>
<path
fill="url(#i)"
d="M30 12.631c-2.71 0-5 2.29-5 5a1 1 0 0 0 2 0c0-1.626 1.374-3 3-3s3 1.374 3 3a1 1 0 0 0 2 0c0-2.711-2.29-5-5-5z"
/>
<path
fill="url(#f)"
d="M34 28.631a1 1 0 0 0-1 1c0 .89-.833.935-1 .935s-1-.045-1-.935a1 1 0 0 0-2 0c0 1.927 1.509 2.935 3 2.935s3-1.008 3-2.935a1 1 0 0 0-1-1z"
/>
<path
fill="url(#f)"
d="M32 36.631c3.794 0 7-3.206 7-7a1 1 0 0 0-2 0c0 2.71-2.29 5-5 5s-5-2.29-5-5a1 1 0 0 0-2 0c0 3.794 3.206 7 7 7z"
/>
<path
fill="url(#j)"
d="M52.91 21.672a.999.999 0 1 0 1.154-1.634L38.628 9.133a1.001 1.001 0 0 0-1.154 1.634z"
/>
<path
fill="url(#k)"
d="M10.514 21.855c.199 0 .401-.06.576-.183l15.436-10.906a1.001 1.001 0 0 0-1.154-1.634L9.936 20.039a1.001 1.001 0 0 0 .578 1.816z"
/>
<path
fill="url(#l)"
d="M51.788 52.392a.998.998 0 0 0 .723-1.69L39.739 37.311a1 1 0 1 0-1.447 1.381l12.773 13.391a.998.998 0 0 0 .723.309z"
/>
<path
fill="url(#m)"
d="M12.211 52.392a.999.999 0 0 0 .724-.31l12.773-13.391a1 1 0 0 0-1.447-1.381L11.488 50.701a1 1 0 0 0 .723 1.691z"
/>
<path
fill="url(#n)"
d="M56 53.001a1 1 0 0 0 1-1V25.875a1 1 0 0 0-2 0v26.126a1 1 0 0 0 1 1z"
/>
<path
fill="url(#o)"
d="M8 53.001a1 1 0 0 0 1-1v-26.12a1 1 0 0 0-2 0v26.12a1 1 0 0 0 1 1z"
/>
<path fill="url(#f)" d="M52 55.001H12a1 1 0 0 0 0 2h40a1 1 0 0 0 0-2z" />
<path
fill="url(#p)"
d="M38 30.631a1 1 0 0 0 1-1v-12a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1z"
/>
<path
fill="url(#q)"
d="M34 30.631a1 1 0 0 0 1-1v-12a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M30 30.631a1 1 0 0 0 1-1v-12a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1z"
/>
<path
fill="url(#r)"
d="M26 16.631a1 1 0 0 0-1 1v12a1 1 0 0 0 2 0v-12a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category