Add icons to this collection by clicking the heart icon.
File icon - also known as file, tool, key, search, keyword, keywords, seo and web, 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.009 480.009"
>
<linearGradient
id="a"
x1="-58.167"
x2="15.155"
y1="610.63"
y2="610.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M48 48.004h16v16H48v-16z" fill="url(#a)" />
<linearGradient
id="b"
x1="-58.167"
x2="15.155"
y1="610.63"
y2="610.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M80 48.004h160v16H80v-16z" fill="url(#b)" />
<linearGradient
id="c"
x1="-58.167"
x2="15.155"
y1="606.63"
y2="606.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M48 80.004h192v16H48v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-58.167"
x2="15.155"
y1="602.63"
y2="602.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path d="M48 112.004h256v16H48v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-58.167"
x2="15.155"
y1="587.63"
y2="587.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M479.92 261.012c-2.015-31.181-28.925-54.825-60.106-52.81a56.584 56.584 0 0 0-3.766.37 53.456 53.456 0 0 0-10.672 2.672 55.888 55.888 0 0 0-31.936 28.76H368v-153.2a24.216 24.216 0 0 0-6.976-17.008L298.4 7.068A24 24 0 0 0 281.36.004H24c-13.255 0-24 10.745-24 24v432c0 13.255 10.745 24 24 24h320c13.255 0 24-10.745 24-24v-168h5.44a55.738 55.738 0 0 0 31.816 28.712A54.342 54.342 0 0 0 424 320.004a56.217 56.217 0 0 0 40.616-17.472 55.542 55.542 0 0 0 15.304-41.52zM352 456.004a8 8 0 0 1-8 8H24a8 8 0 0 1-8-8v-432a8 8 0 0 1 8-8h256v56c0 13.255 10.745 24 24 24h32v-16h-32a8 8 0 0 1-8-8V27.332l53.6 53.696a8.353 8.353 0 0 1 2.4 5.776v153.2H200c-13.255 0-24 10.745-24 24v48a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-24h16v24a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8v-24h64v168zm111.936-194.151c1.117 22.063-15.863 40.854-37.926 41.972-17.607.892-33.722-9.849-39.674-26.444a8 8 0 0 0-7.536-5.376H280a8 8 0 0 0-8 8v24h-16v-24a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v24h-16v-40a8 8 0 0 1 8-8h178.8a8 8 0 0 0 7.552-5.376 39.713 39.713 0 0 1 24.392-24.304 37.561 37.561 0 0 1 7.592-1.92c22.235-2.824 42.55 12.911 45.375 35.146.097.762.172 1.527.225 2.294v.008z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-58.167"
x2="15.155"
y1="584.63"
y2="584.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M424 240.004c-13.255 0-24 10.745-24 24s10.745 24 24 24 24-10.745 24-24c0-13.254-10.745-24-24-24zm0 32a8 8 0 1 1 0-16 8 8 0 0 1 0 16z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-58.167"
x2="15.155"
y1="580.63"
y2="580.63"
gradientTransform="matrix(8 0 0 -8 455 4941.04)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".357" stop-color="#ed683c" />
<stop offset=".718" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<path
d="M104 208.004c-30.928.052-55.958 25.165-55.907 56.093A56.001 56.001 0 0 0 80 314.556v45.448c0 13.255 10.745 24 24 24s24-10.745 24-24v-45.448c27.919-13.306 39.765-46.726 26.459-74.645A56.001 56.001 0 0 0 104 208.004zm13.328 93.664a8 8 0 0 0-5.328 7.544v50.792a8 8 0 0 1-16 0v-50.792a8 8 0 0 0-5.328-7.544c-20.829-7.361-31.747-30.213-24.386-51.042 7.361-20.829 30.213-31.747 51.042-24.386 20.829 7.361 31.747 30.213 24.386 51.042a39.999 39.999 0 0 1-24.386 24.386z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category