Add icons to this collection by clicking the heart icon.
File icon - also known as file, data, chart, graph, process, artificial intelligence, 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.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="3.341"
x2="61.446"
y1="65.024"
y2="-6.334"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="8.17"
x2="66.276"
y1="68.956"
y2="-2.402"
href="#a"
/>
<linearGradient
id="c"
x1="-9.709"
x2="48.397"
y1="54.397"
y2="-16.961"
href="#a"
/>
<linearGradient
id="d"
x1="-4.899"
x2="53.207"
y1="58.314"
y2="-13.044"
href="#a"
/>
<linearGradient
id="e"
x1="-6.548"
x2="51.558"
y1="56.971"
y2="-14.387"
href="#a"
/>
<linearGradient
id="f"
x1="-1.738"
x2="56.368"
y1="60.888"
y2="-10.47"
href="#a"
/>
<linearGradient
id="g"
x1="-6.393"
x2="51.712"
y1="57.097"
y2="-14.261"
href="#a"
/>
<linearGradient
id="h"
x1="-3.387"
x2="54.719"
y1="59.545"
y2="-11.813"
href="#a"
/>
<path
fill="url(#a)"
d="M58 8H40.82A18.977 18.977 0 0 0 8 21v6.59l-5.71 5.7A1.033 1.033 0 0 0 2 34v3a1 1 0 0 0 1 1h5v16a1 1 0 0 0 1 1h8a.99.99 0 0 0 .42-.09l1.84-.86-2.21 6.63a1 1 0 0 0 .14.9.983.983 0 0 0 .81.42h23a1 1 0 0 0 .8-.4 1.012 1.012 0 0 0 .16-.89L39 50.85V48h13a4 4 0 0 0 4-4V18h5a1 1 0 0 0 1-1v-5a4 4 0 0 0-4-4zM16.78 53H10V37a1 1 0 0 0-1-1H4v-1.59l5.71-5.7A1.033 1.033 0 0 0 10 28v-7A16.975 16.975 0 0 1 37.92 8H23a5 5 0 0 0-5 5v26h-3a1 1 0 0 0-1 1v4a4 4 0 0 0 4 4h9.49zm22.88 7H19.39l2.37-7.12L32.22 48H37v3a.967.967 0 0 0 .04.29zM18 46a2.006 2.006 0 0 1-2-2v-3h32v3a3.906 3.906 0 0 0 .56 2zm36-34v32a2 2 0 0 1-4 0v-4a1 1 0 0 0-1-1H20V13a3.009 3.009 0 0 1 3-3h31.56a3.906 3.906 0 0 0-.56 2zm6 4h-4v-4a2 2 0 0 1 4 0z"
/>
<path
fill="url(#b)"
d="M48 34V19a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v15h-2V23a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v11h-2v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5h-2v2h26v-2zm-18 0h-2v-4h2zm8 0h-2V24h2zm8 0h-2V20h2z"
/>
<path fill="url(#c)" d="M22 12h4v2h-4z" />
<path fill="url(#d)" d="M28 12h8v2h-8z" />
<path fill="url(#e)" d="M22 16h8v2h-8z" />
<path fill="url(#f)" d="M32 16h4v2h-4z" />
<path fill="url(#g)" d="M22 20h2v2h-2z" />
<path fill="url(#h)" d="M26 20h4v2h-4z" />
</svg>
More icons in the same style and category