Add icons to this collection by clicking the heart icon.
Files icon - also known as computer, education, document, laptop, files, and files and folders. Created in a clean flat 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="30"
x2="30"
y1="60.553"
y2="9.83"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="46.69"
x2="46.69"
y1="60.553"
y2="9.83"
href="#a"
/>
<linearGradient
id="c"
x1="46.29"
x2="46.29"
y1="60.553"
y2="9.83"
href="#a"
/>
<linearGradient id="d" x1="12" x2="12" y1="60.553" y2="9.83" href="#a" />
<linearGradient id="e" x1="52" x2="52" y1="60.553" y2="9.83" href="#a" />
<linearGradient
id="f"
x1="42.275"
x2="42.275"
y1="60.553"
y2="9.83"
href="#a"
/>
<linearGradient
id="g"
x1="31.5"
x2="31.5"
y1="60.553"
y2="9.83"
href="#a"
/>
<linearGradient id="h" x1="32" x2="32" y1="60.553" y2="9.83" href="#a" />
<g>
<path
fill="url(#a)"
d="M15 40h30V14h-5a1 1 0 0 1-1-1V8H15zm10-24h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm0 4h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm0 4h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm0 4h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm0 4h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm0 4h15a1 1 0 0 1 0 2H25a1 1 0 0 1 0-2zm-5-20h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2zm0 4h1a1 1 0 0 1 0 2h-1a1 1 0 0 1 0-2z"
/>
<path
fill="url(#b)"
d="M46.71 12.35a.984.984 0 0 1 .29.7V40h2V10h-4.62z"
/>
<path fill="url(#c)" d="M45 8h2.58L45 5.43z" />
<path fill="url(#d)" d="M11 18h2v22h-2z" />
<path fill="url(#e)" d="M51 18h2v22h-2z" />
<path fill="url(#f)" d="M41 12h2.55L41 9.42z" />
<path fill="url(#g)" d="M20 6h20.01a1 1 0 0 1 .71.3L43 8.6V4H20z" />
<g fill="url(#h)">
<path
d="M13 14H8a1 1 0 0 0-1 1v29h50V15a1 1 0 0 0-1-1h-5v2h3a1 1 0 0 1 1 1v24a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V17a1 1 0 0 1 1-1h3zM24.22 56l.81-3.24A1 1 0 0 1 26 52h12a1 1 0 0 1 .97.76l.81 3.24h19.94l-2.5-10H6.78l-2.5 10zM53 48h2v2h-2zm0 4h2v2h-2zm-4-4h2v2h-2zm0 4h2v2h-2zm-4-4h2v2h-2zm-4 0h2v2h-2zm0 4h6v2h-6zm-4-4h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm-4 0h2v2h-2zm0 4h6v2h-6zm-4-4h2v2h-2zm0 4h2v2h-2zm-4-4h2v2H9zm0 4h2v2H9zM4 59a1 1 0 0 0 1 1h54a1 1 0 0 0 1-1v-1H4z"
/>
<path d="M26.28 56h11.44l-.5-2H26.78z" />
</g>
</g>
</svg>
More icons in the same style and category