Add icons to this collection by clicking the heart icon.
Files icon - also known as configuration, file, document, setting, files, gear, cogwheel, archive, files and folders, edit tools, and construction and tools. 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="512"
height="512"
viewBox="0 0 64 64"
>
<defs>
<linearGradient
id="a"
x1="32.538"
x2="31.184"
y1="63.073"
y2="-.008"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".36" stop-color="#ed683c" />
<stop offset=".716" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient
id="b"
x1="24.015"
x2="22.66"
y1="63.256"
y2=".175"
href="#a"
/>
<linearGradient
id="c"
x1="23.929"
x2="22.574"
y1="63.258"
y2=".177"
href="#a"
/>
<linearGradient
id="d"
x1="23.843"
x2="22.488"
y1="63.26"
y2=".179"
href="#a"
/>
<linearGradient
id="e"
x1="9.592"
x2="8.237"
y1="63.566"
y2=".485"
href="#a"
/>
<linearGradient
id="f"
x1="9.506"
x2="8.152"
y1="63.568"
y2=".487"
href="#a"
/>
<linearGradient
id="g"
x1="8.378"
x2="7.023"
y1="63.592"
y2=".511"
href="#a"
/>
<linearGradient
id="h"
x1="17.374"
x2="16.019"
y1="63.399"
y2=".318"
href="#a"
/>
<linearGradient
id="i"
x1="14.289"
x2="12.935"
y1="63.465"
y2=".384"
href="#a"
/>
<linearGradient
id="j"
x1="25.284"
x2="23.93"
y1="63.229"
y2=".148"
href="#a"
/>
<linearGradient
id="k"
x1="16.202"
x2="14.848"
y1="63.424"
y2=".343"
href="#a"
/>
<linearGradient
id="l"
x1="52.776"
x2="51.422"
y1="62.639"
y2="-.443"
href="#a"
/>
<linearGradient
id="m"
x1="54.528"
x2="53.174"
y1="62.601"
y2="-.48"
href="#a"
/>
<linearGradient
id="n"
x1="52.943"
x2="51.589"
y1="62.635"
y2="-.446"
href="#a"
/>
<linearGradient
id="o"
x1="52.357"
x2="51.003"
y1="62.648"
y2="-.434"
href="#a"
/>
<linearGradient
id="p"
x1="36.579"
x2="35.225"
y1="62.986"
y2="-.095"
href="#a"
/>
<linearGradient
id="q"
x1="36.773"
x2="35.418"
y1="62.982"
y2="-.099"
href="#a"
/>
<linearGradient
id="r"
x1="30.355"
x2="29"
y1="63.12"
y2=".039"
gradientTransform="rotate(45 29.636 29.636)"
href="#a"
/>
<linearGradient
id="s"
x1="27.584"
x2="26.229"
y1="63.18"
y2=".098"
href="#a"
/>
<linearGradient
id="t"
x1="30.082"
x2="28.727"
y1="63.126"
y2=".045"
gradientTransform="rotate(45 29.635 42.364)"
href="#a"
/>
<linearGradient
id="u"
x1="36.386"
x2="35.032"
y1="62.991"
y2="-.091"
href="#a"
/>
<linearGradient
id="v"
x1="42.804"
x2="41.45"
y1="62.853"
y2="-.228"
gradientTransform="rotate(45 42.364 42.364)"
href="#a"
/>
<linearGradient
id="w"
x1="45.575"
x2="44.221"
y1="62.793"
y2="-.288"
href="#a"
/>
<linearGradient
id="x"
x1="43.077"
x2="41.723"
y1="62.847"
y2="-.234"
gradientTransform="rotate(45 42.364 29.636)"
href="#a"
/>
</defs>
<path
d="M59 14H47V5a3 3 0 0 0-3-3H18a3 3 0 0 0-3 3v17H5a3 3 0 0 0-3 3v34a3 3 0 0 0 3 3h26a3 3 0 0 0 3-3v-5h25a3 3 0 0 0 3-3V17a3 3 0 0 0-3-3Zm-5 2v2.7l-.168-.252a1 1 0 0 0-1.664 0L52 18.7V16ZM39 4v2.7l-.168-.252a1 1 0 0 0-1.664 0L37 6.7V4ZM12 24v2.7l-.168-.252a1 1 0 0 0-1.664 0L10 26.7V24Zm48 27a1 1 0 0 1-1 1H33a1 1 0 0 1-1-1v-3h-2v3a3 3 0 0 0 2 2.816V59a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V25a1 1 0 0 1 1-1h3v6a1 1 0 0 0 1.832.555L11 28.8l1.168 1.752A1 1 0 0 0 14 30v-6h1v15a3 3 0 0 0 3 3h5v-2h-5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h17v6a1 1 0 0 0 1.832.555L38 8.8l1.168 1.752A1 1 0 0 0 41 10V4h3a1 1 0 0 1 1 1v9H33a3 3 0 0 0-3 3v6h2v-6a1 1 0 0 1 1-1h17v6a1 1 0 0 0 1.832.555L53 20.8l1.168 1.752A1 1 0 0 0 56 22v-6h3a1 1 0 0 1 1 1Z"
fill="url(#a)"
/>
<path d="M19 15h8v2h-8z" fill="url(#b)" />
<path d="M19 19h8v2h-8z" fill="url(#c)" />
<path d="M19 23h8v2h-8z" fill="url(#d)" />
<path d="M6 35h6v2H6z" fill="url(#e)" />
<path d="M6 39h6v2H6z" fill="url(#f)" />
<path d="M6 45h4v2H6z" fill="url(#g)" />
<path d="M12 45h10v2H12z" fill="url(#h)" />
<path d="M6 49h16v2H6z" fill="url(#i)" />
<path d="M24 49h2v2h-2z" fill="url(#j)" />
<path d="M6 53h20v2H6z" fill="url(#k)" />
<path
d="M55 25h-7v2h6v6h-2v2h3a1 1 0 0 0 1-1v-8a1 1 0 0 0-1-1Z"
fill="url(#l)"
/>
<path d="M52 37h4v2h-4z" fill="url(#m)" />
<path d="M49 41h7v2h-7z" fill="url(#n)" />
<path d="M48 45h8v2h-8z" fill="url(#o)" />
<path
d="M45.781 41.012a10.86 10.86 0 0 0 .679-1.639l2.682-.383A1 1 0 0 0 50 38v-4a1 1 0 0 0-.858-.99l-2.682-.383a10.86 10.86 0 0 0-.679-1.639l1.625-2.167a1 1 0 0 0-.093-1.306l-2.828-2.828a1 1 0 0 0-1.306-.093l-2.167 1.625a10.9 10.9 0 0 0-1.639-.679l-.383-2.682A1 1 0 0 0 38 22h-4a1 1 0 0 0-.99.858l-.383 2.682a10.86 10.86 0 0 0-1.639.679l-2.167-1.625a.994.994 0 0 0-1.306.093l-2.828 2.828a1 1 0 0 0-.093 1.306l1.625 2.167a10.86 10.86 0 0 0-.679 1.639l-2.682.383A1 1 0 0 0 22 34v4a1 1 0 0 0 .858.99l2.682.383a10.86 10.86 0 0 0 .679 1.639l-1.625 2.167a1 1 0 0 0 .093 1.306l2.828 2.828a1 1 0 0 0 1.306.093l2.167-1.625a10.86 10.86 0 0 0 1.639.679l.383 2.682A1 1 0 0 0 34 50h4a1 1 0 0 0 .99-.858l.383-2.682a10.9 10.9 0 0 0 1.639-.679l2.167 1.625a1 1 0 0 0 1.306-.093l2.828-2.828a1 1 0 0 0 .093-1.306Zm-1.987.682 1.492 1.991-1.6 1.6-1.991-1.492a1 1 0 0 0-1.11-.061 8.9 8.9 0 0 1-2.356.977 1 1 0 0 0-.744.827L37.133 48h-2.266l-.351-2.463a1 1 0 0 0-.744-.827 8.9 8.9 0 0 1-2.356-.977 1 1 0 0 0-1.11.061l-1.991 1.492-1.6-1.6 1.492-1.991a1 1 0 0 0 .061-1.11 8.9 8.9 0 0 1-.977-2.356 1 1 0 0 0-.827-.744L24 37.133v-2.266l2.463-.351a1 1 0 0 0 .827-.744 8.9 8.9 0 0 1 .977-2.356 1 1 0 0 0-.061-1.11l-1.492-1.991 1.6-1.6 1.991 1.492a1 1 0 0 0 1.11.061 8.9 8.9 0 0 1 2.356-.977 1 1 0 0 0 .744-.827L34.867 24h2.266l.351 2.463a1 1 0 0 0 .744.827 8.9 8.9 0 0 1 2.356.977 1 1 0 0 0 1.11-.061l1.991-1.492 1.6 1.6-1.492 1.991a1 1 0 0 0-.061 1.11 8.9 8.9 0 0 1 .977 2.356 1 1 0 0 0 .827.744l2.464.352v2.266l-2.463.351a1 1 0 0 0-.827.744 8.9 8.9 0 0 1-.977 2.356 1 1 0 0 0 .061 1.11Z"
fill="url(#p)"
/>
<path
d="M36 30a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6Zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4Z"
fill="url(#p)"
/>
<path d="M35 26h2v2h-2z" fill="url(#q)" />
<path
d="M28.636 28.636h2v2h-2z"
transform="rotate(-45 29.636 29.636)"
fill="url(#r)"
/>
<path d="M26 35h2v2h-2z" fill="url(#s)" />
<path
d="M28.636 41.364h2v2h-2z"
transform="rotate(-45 29.636 42.364)"
fill="url(#t)"
/>
<path d="M35 44h2v2h-2z" fill="url(#u)" />
<path
d="M41.364 41.364h2v2h-2z"
transform="rotate(-45 42.364 42.364)"
fill="url(#v)"
/>
<path d="M44 35h2v2h-2z" fill="url(#w)" />
<path
d="M41.364 28.636h2v2h-2z"
transform="rotate(-45 42.364 29.635)"
fill="url(#x)"
/>
</svg>
More icons in the same style and category