Add icons to this collection by clicking the heart icon.
File icon - also known as file, graphic, bars chart, files, bar graph, and business and finance. 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 32 32"
>
<linearGradient
id="b"
x1="5"
x2="27"
y1="16"
y2="16"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4d3f1" />
<stop offset="1" stop-color="#8ab2e9" />
</linearGradient>
<linearGradient
id="c"
x1="10"
x2="15"
y1="15"
y2="15"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe07d" />
<stop offset="1" stop-color="#ffc269" />
</linearGradient>
<linearGradient
id="a"
x1="17"
x2="22"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc269" />
<stop offset="1" stop-color="#e5646e" />
</linearGradient>
<linearGradient
id="d"
x1="21"
x2="23"
y1="25"
y2="25"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3e59f" />
<stop offset="1" stop-color="#36b91b" />
</linearGradient>
<linearGradient id="e" x1="18" x2="20" y1="25" y2="25" href="#a" />
<g>
<path
fill="#c4d3f1"
d="M14 3v6a1 1 0 0 1-1 1H6a1 1 0 0 1-.65-1.76l7-6a1 1 0 0 1 1.07-.15A1 1 0 0 1 14 3z"
/>
<path
fill="url(#b)"
d="M27 3v26a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h6V3a1 1 0 0 1 1-1h13a1 1 0 0 1 1 1z"
/>
<path
fill="#83a9de"
d="M27 28v1a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h1v15a5 5 0 0 0 5 5z"
/>
<path
fill="url(#c)"
d="M15 13v4a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1z"
/>
<path
fill="#ffa95f"
d="M15 15v2a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1 3 3 0 0 0 3 3z"
opacity=".4"
/>
<path
fill="url(#a)"
d="M22 9v8a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1z"
/>
<path
fill="#e5646e"
d="M22 15v2a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1v3a4 4 0 0 0 4 4z"
/>
<path
fill="#fff"
d="M22 18H10a1 1 0 0 1 0-2h12a1 1 0 0 1 0 2zm1 3a1 1 0 0 0-1-1H10a1 1 0 0 0 0 2h12a1 1 0 0 0 1-1zm-6 4a1 1 0 0 0-1-1h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1z"
/>
<path fill="url(#d)" d="M23 25a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
<path fill="url(#e)" d="M20 25a1 1 0 1 1-1-1 1 1 0 0 1 1 1z" />
</g>
</svg>
More icons in the same style and category