Add icons to this collection by clicking the heart icon.
Files icon - also known as education, files, documents, folders, archives, and back to school. 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="linear-gradient"
gradientTransform="matrix(0 -1 1 0 -25 45)"
gradientUnits="userSpaceOnUse"
x1="10"
x2="10"
y1="59"
y2="11"
>
<stop offset="0" stop-color="#f5d000" />
<stop offset=".108" stop-color="#f6d61f" />
<stop offset=".229" stop-color="#f7db39" />
<stop offset=".362" stop-color="#f8de4d" />
<stop offset=".513" stop-color="#f9e15b" />
<stop offset=".696" stop-color="#f9e363" />
<stop offset="1" stop-color="#f9e366" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientTransform="matrix(0 -1 1 0 -10 56)"
gradientUnits="userSpaceOnUse"
x1="23"
x2="23"
y1="59"
y2="7"
>
<stop offset=".2" stop-color="#dc2832" />
<stop offset="1" stop-color="#f06468" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
gradientTransform="matrix(0 -1 1 0 5 67)"
gradientUnits="userSpaceOnUse"
x1="36"
x2="36"
y1="59"
y2="3"
>
<stop offset="0" stop-color="#3ca9db" />
<stop offset="1" stop-color="#9befff" />
</linearGradient>
<linearGradient
id="linear-gradient-4"
gradientTransform="matrix(0 -1 1 0 17 85)"
gradientUnits="userSpaceOnUse"
x1="51"
x2="51"
y1="59"
y2="9"
>
<stop offset=".3" stop-color="#9fd255" />
<stop offset=".523" stop-color="#b2df4f" />
<stop offset=".793" stop-color="#c2eb4b" />
<stop offset="1" stop-color="#c8ef49" />
</linearGradient>
<linearGradient
id="linear-gradient-5"
gradientTransform="matrix(0 -1 1 0 -26 46)"
gradientUnits="userSpaceOnUse"
x1="10"
x2="10"
y1="60"
y2="12"
>
<stop offset="0" stop-color="#f9e366" />
<stop offset=".304" stop-color="#f9e363" />
<stop offset=".487" stop-color="#f9e15b" />
<stop offset=".638" stop-color="#f8de4d" />
<stop offset=".771" stop-color="#f7db39" />
<stop offset=".892" stop-color="#f6d61f" />
<stop offset="1" stop-color="#f5d000" />
</linearGradient>
<linearGradient
id="linear-gradient-6"
gradientTransform="matrix(0 -1 1 0 -11 57)"
gradientUnits="userSpaceOnUse"
x1="23"
x2="23"
y1="60"
y2="8"
>
<stop offset="0" stop-color="#f06468" />
<stop offset=".8" stop-color="#dc2832" />
</linearGradient>
<linearGradient
id="linear-gradient-7"
gradientTransform="matrix(0 -1 1 0 -26 72)"
gradientUnits="userSpaceOnUse"
x1="23"
x2="23"
y1="52"
y2="46"
>
<stop offset="0" stop-color="#9fd255" />
<stop offset=".319" stop-color="#b2df4f" />
<stop offset=".704" stop-color="#c2eb4b" />
<stop offset="1" stop-color="#c8ef49" />
</linearGradient>
<linearGradient
id="linear-gradient-8"
gradientTransform="matrix(0 -1 1 0 -27 47)"
gradientUnits="userSpaceOnUse"
x1="10"
x2="10"
y1="46"
y2="28"
>
<stop offset="0" stop-color="#9befff" />
<stop offset="1" stop-color="#3ca9db" />
</linearGradient>
<linearGradient
id="linear-gradient-9"
gradientTransform="matrix(0 -1 1 0 4 68)"
x1="36"
x2="36"
y1="60"
y2="4"
href="#linear-gradient-8"
/>
<linearGradient
id="linear-gradient-10"
gradientTransform="matrix(0 -1 1 0 16 86)"
gradientUnits="userSpaceOnUse"
x1="51"
x2="51"
y1="60"
y2="10"
>
<stop offset="0" stop-color="#c8ef49" />
<stop offset=".207" stop-color="#c2eb4b" />
<stop offset=".477" stop-color="#b2df4f" />
<stop offset=".7" stop-color="#9fd255" />
</linearGradient>
<linearGradient
id="linear-gradient-11"
gradientTransform="matrix(0 1 -1 0 98 -4)"
x1="46"
x2="56"
y1="47"
y2="47"
href="#linear-gradient-6"
/>
<path
d="m-14 29h48v12h-48z"
fill="url(#linear-gradient)"
transform="matrix(0 1 -1 0 45 25)"
/>
<path
d="m-3 26h52v14h-52z"
fill="url(#linear-gradient-2)"
transform="matrix(0 1 -1 0 56 10)"
/>
<path
d="m8 25h56v12h-56z"
fill="url(#linear-gradient-3)"
transform="matrix(0 1 -1 0 67 -5)"
/>
<path
d="m26 25h50v18h-50z"
fill="url(#linear-gradient-4)"
transform="matrix(0 1 -1 0 85 -17)"
/>
<path
d="m-14 30h48v12h-48z"
fill="url(#linear-gradient-5)"
transform="matrix(0 1 -1 0 46 26)"
/>
<path
d="m-3 27h52v14h-52z"
fill="url(#linear-gradient-6)"
transform="matrix(0 1 -1 0 57 11)"
/>
<path
d="m20 42h6v14h-6z"
fill="url(#linear-gradient-7)"
transform="matrix(0 1 -1 0 72 26)"
/>
<path
d="m20 36h6v14h-6z"
fill="#be1e28"
transform="matrix(0 1 -1 0 66 20)"
/>
<path d="m14 22h18v6h-18z" fill="#fff" transform="matrix(0 1 -1 0 48 2)" />
<path
d="m1 31h18v12h-18z"
fill="url(#linear-gradient-8)"
transform="matrix(0 1 -1 0 47 27)"
/>
<circle cx="10" cy="18" fill="#3ca9db" r="2" />
<path
d="m8 26h56v12h-56z"
fill="url(#linear-gradient-9)"
transform="matrix(0 1 -1 0 68 -4)"
/>
<path
d="m26 26h50v18h-50z"
fill="url(#linear-gradient-10)"
transform="matrix(0 1 -1 0 86 -16)"
/>
<path
d="m42 42h18v10h-18z"
fill="url(#linear-gradient-11)"
transform="matrix(0 -1 1 0 4 98)"
/>
<g fill="#fff">
<circle cx="36" cy="52" r="2" />
<circle cx="36" cy="42" r="2" />
<path
d="m13.5 31a.5.5 0 0 0 -.5.5v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0 -.5-.5z"
/>
<path
d="m10 31a.5.5 0 0 0 -.5.5v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0 -.5-.5z"
/>
<path
d="m6.5 31a.5.5 0 0 0 -.5.5v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0 -.5-.5z"
/>
<path
d="m53.474 21.342-2-6a.5.5 0 0 0 -.948 0l-2 6a.5.5 0 0 0 .948.316l.553-1.658h1.946l.553 1.658a.5.5 0 0 0 .474.342.484.484 0 0 0 .158-.026.5.5 0 0 0 .316-.632zm-3.114-2.342.64-1.919.64 1.919z"
/>
</g>
<path d="m42 10h1v50h-1z" opacity=".1" />
<path d="m30 4h1v56h-1z" opacity=".1" />
<path d="m16 8h1v52h-1z" opacity=".1" />
<path d="m59 10h1v50h-1z" fill="#fff" opacity=".3" />
<path d="m15 12h1v48h-1z" fill="#fff" opacity=".3" />
<path d="m41 4h1v56h-1z" fill="#fff" opacity=".3" />
<path d="m29 8h1v52h-1z" fill="#fff" opacity=".3" />
</svg>
More icons in the same style and category