Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, security, shield, protection, insurance, rent, 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-51.784"
x2="7.185"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m416.992 69.816-62.64-62.768A24.17 24.17 0 0 0 337.36 0H80C66.745 0 56 10.745 56 24v432c0 13.255 10.745 24 24 24h320c13.255 0 24-10.745 24-24V86.768a23.879 23.879 0 0 0-7.008-16.952zM408 456a8 8 0 0 1-8 8H80a8 8 0 0 1-8-8V24a8 8 0 0 1 8-8h256v56c0 13.255 10.745 24 24 24h32V80h-32a8 8 0 0 1-8-8V27.344l53.664 53.768A8 8 0 0 1 408 86.768V456z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-51.784"
x2="7.185"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104 48h16v16h-16V48z" fill="url(#b)" />
<linearGradient
id="c"
x1="-51.784"
x2="7.185"
y1="610.625"
y2="610.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M136 48h160v16H136V48z" fill="url(#c)" />
<linearGradient
id="d"
x1="-51.784"
x2="7.185"
y1="606.625"
y2="606.625"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M104 80h192v16H104V80z" fill="url(#d)" />
<linearGradient
id="e"
x1="-51.784"
x2="7.185"
y1="588.622"
y2="588.622"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m306.816 160.504-64-24a8.12 8.12 0 0 0-5.6 0l-64 24A8 8 0 0 0 168 168v90.336a55.696 55.696 0 0 0 30.952 50.088l37.472 18.776a8 8 0 0 0 7.152 0l37.472-18.736A55.694 55.694 0 0 0 312 258.336V168a8.001 8.001 0 0 0-5.184-7.496zM296 258.336a39.777 39.777 0 0 1-22.112 35.776L240 311.056l-33.888-16.944A39.777 39.777 0 0 1 184 258.336v-84.8l56-21 56 21v84.8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-51.784"
x2="7.185"
y1="589.014"
y2="589.014"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".346" stop-color="#ed683c" />
<stop offset=".717" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="m207.032 227.712-11.312 11.312 22.624 22.632a8 8 0 0 0 11.312 0l56.568-56.568-11.312-11.312L224 244.688l-16.968-16.976z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category