Add icons to this collection by clicking the heart icon.
File icon - also known as interface, message, write, file, envelope, email, mail, edit, letter, 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"
x1="32.213"
x2="31.65"
y1="65.519"
y2=".76"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="33.491"
x2="32.928"
y1="65.508"
y2=".749"
href="#a"
/>
<linearGradient
id="c"
x1="33.457"
x2="32.893"
y1="65.508"
y2=".749"
href="#a"
/>
<linearGradient
id="d"
x1="16.388"
x2="15.825"
y1="65.656"
y2=".898"
href="#a"
/>
<linearGradient
id="e"
x1="16.354"
x2="15.79"
y1="65.657"
y2=".898"
href="#a"
/>
<linearGradient
id="f"
x1="16.423"
x2="15.86"
y1="65.656"
y2=".897"
href="#a"
/>
<linearGradient
id="g"
x1="29.922"
x2="29.359"
y1="65.539"
y2=".78"
href="#a"
/>
<linearGradient
id="h"
x1="27.887"
x2="27.324"
y1="65.556"
y2=".798"
href="#a"
/>
<linearGradient
id="i"
x1="26.353"
x2="25.79"
y1="65.57"
y2=".811"
href="#a"
/>
<linearGradient
id="j"
x1="25.818"
x2="25.255"
y1="65.574"
y2=".816"
href="#a"
/>
<linearGradient
id="k"
x1="27.283"
x2="26.72"
y1="65.562"
y2=".803"
href="#a"
/>
<linearGradient
id="l"
x1="32.248"
x2="31.685"
y1="65.518"
y2=".76"
href="#a"
/>
<path
fill="url(#a)"
d="M60.58 20.56 56 17.72v-1.65l3.16-3.16A4.977 4.977 0 0 0 56 4.41V3a1 1 0 0 0-1-1H19a.99.99 0 0 0-.71.29l-10 9.99a1.033 1.033 0 0 0-.29.71v4.73l-4.58 2.84A3 3 0 0 0 2 23.11V59a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V23.11a3 3 0 0 0-1.42-2.55zM57.75 7.25a3 3 0 0 1 0 4.24l-.71.71-4.24-4.24.71-.71a3 3 0 0 1 4.24 0zM34.94 27.4l.31-1.55 4.44-.45-.52 4.35-1.57.31a4.824 4.824 0 0 0-2.66-2.66zm.63 3.07-1.3.26.26-1.3a2.8 2.8 0 0 1 .59.45 3.178 3.178 0 0 1 .45.59zm1.53-6.82L48.56 12.2l1.41 1.42-9.72 9.71zm4.7.96 9.58-9.58 1.42 1.41-11.39 11.39zm8.17-13.82 1.41-1.42 4.25 4.25-1.42 1.41zM18 5.41V11a1 1 0 0 1-1 1h-5.59zM10 14h7a3.009 3.009 0 0 0 3-3V4h34v.67a4.782 4.782 0 0 0-1.91 1.17L33.71 24.22a1.031 1.031 0 0 0-.28.51l-1.41 7.07a1.018 1.018 0 0 0 .27.91A1.007 1.007 0 0 0 33 33a1.5 1.5 0 0 0 .2-.02l7.07-1.41a1.031 1.031 0 0 0 .51-.28L54 18.07v9.1L33.58 39.84a2.957 2.957 0 0 1-3.16 0L10 27.17zm-6 9.11a1 1 0 0 1 .48-.85L8 20.08v5.85l-4-2.49zM60 59a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V25.8l25.36 15.74a4.965 4.965 0 0 0 5.28 0L60 25.8zm0-35.56-4 2.49v-5.85l3.52 2.18a1 1 0 0 1 .48.85z"
/>
<path fill="url(#b)" d="M25 10h16a1 1 0 0 0 0-2H25a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M25 14h16a1 1 0 0 0 0-2H25a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M17 20h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M17 24h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M17 16h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#g)"
d="M20 17a1 1 0 0 0 1 1h17a1 1 0 0 0 0-2H21a1 1 0 0 0-1 1z"
/>
<path fill="url(#h)" d="M34 20H21a1 1 0 0 0 0 2h13a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M21 26h10a1 1 0 0 0 0-2H21a1 1 0 0 0 0 2z" />
<path
fill="url(#j)"
d="M31 29a1 1 0 0 0-1-1h-9a1 1 0 0 0 0 2h9a1 1 0 0 0 1-1z"
/>
<path
fill="url(#k)"
d="M31 33a1 1 0 0 0-1-1h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1z"
/>
<path
fill="url(#l)"
d="M29 37a1 1 0 0 0 1 1h4a1 1 0 0 0 0-2h-4a1 1 0 0 0-1 1z"
/>
</svg>
More icons in the same style and category