Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, archive, and files and folders. Created in a clean blue style with a white and silver finish, 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 511.899 511.899"
>
<path
d="M277.413 309.938a6.734 6.734 0 0 1-6.599-5.421 103.452 103.452 0 0 0-32.158-55.375 6.735 6.735 0 1 1 8.816-10.184 117.482 117.482 0 0 1 36.553 62.928 6.73 6.73 0 0 1-6.612 8.052zM184.999 256.583a6.744 6.744 0 0 1-6.54-8.375 33.859 33.859 0 0 1 15.388-21.967 34.485 34.485 0 0 1 27.21-2.342 6.736 6.736 0 0 1 4.638 8.322 6.736 6.736 0 0 1-8.322 4.638 21.508 21.508 0 0 0-16.783 1.046 20.818 20.818 0 0 0-9.066 13.579 6.738 6.738 0 0 1-6.525 5.099z"
transform="translate(1 1)"
fill="#bfc4c8"
/>
<path
d="m219.225 242.234 23.869 13.777v-27.379l-23.869-13.777zM266.963 324.551l23.868 13.777V310.95l-23.868-13.777zM171.488 269.424l23.869 13.783v-27.378l-23.869-13.784z"
transform="translate(1 1)"
fill="#fff"
/>
<g transform="translate(1 1)">
<linearGradient
id="a"
x1="-48.653"
x2="-47.498"
y1="650.662"
y2="650.059"
gradientTransform="matrix(71.6657 0 0 -137.1485 3680.528 89569.695)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M263.208 382.158 237.9 309.584v73.006a6.737 6.737 0 1 1-13.474 0v-80.855l-25.286 43.437a31.894 31.894 0 0 0-3.773 16.169V367a66.176 66.176 0 0 0 5.255 24.522l7.815 18.998-1.213 2.088 45.474 26.275 1.213-2.089 7.747-10.038a29.538 29.538 0 0 0 5.322-18.392v-5.66a63.053 63.053 0 0 0-3.772-20.546z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-49.146"
x2="-47.992"
y1="651.427"
y2="650.824"
gradientTransform="matrix(280.32 0 0 -498.5263 13889.716 324855.438)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M218.208 5.636 188.97 22.545 114.798 71.32v287.933l251.014 144.909 29.306-16.909V107.766z"
fill="url(#b)"
/>
</g>
<path
d="M395.118 107.766v379.487l-29.306 16.909V124.676z"
transform="translate(1 1)"
fill="#a4c2f7"
/>
<path
d="m395.118 107.766-29.306 16.91L188.97 22.545l29.238-16.909zM188.968 22.545v78.552c0 7.208-5.12 10.105-11.453 6.467l-62.72-36.244 74.173-48.775z"
transform="translate(1 1)"
fill="#a4c2f7"
/>
<path
d="m395.118 107.766-1.55.876L238.419 19.11 210.73 35.143l-1.549.876-20.211 13.272-52.48 34.56-1.482.943v286.113l-20.21-11.654V71.32l74.172-48.775 29.238-16.909z"
transform="translate(1 1)"
fill="#fff"
/>
<path
d="m247.466 223.8-23.869-13.783a6.737 6.737 0 0 0-10.105 5.835v7.558a31.691 31.691 0 0 0-18.645 3.83 31.269 31.269 0 0 0-12.356 13.804l-6.637-3.831a6.737 6.737 0 0 0-10.105 5.835v27.375a6.738 6.738 0 0 0 3.368 5.836l23.869 13.783a6.737 6.737 0 0 0 10.105-5.835v-27.382a6.738 6.738 0 0 0-3.368-5.836l-5.578-3.22a18.47 18.47 0 0 1 7.447-8.866 19.027 19.027 0 0 1 11.901-2.03v6.352a6.736 6.736 0 0 0 3.368 5.836l23.869 13.783a6.67 6.67 0 0 0 9.059-2.278 106.815 106.815 0 0 1 17.95 30.896 6.66 6.66 0 0 0-6.509 6.704v27.382a6.738 6.738 0 0 0 3.368 5.836l23.869 13.783a6.737 6.737 0 0 0 10.105-5.835V311.95a6.736 6.736 0 0 0-3.368-5.836l-10.942-6.319a118.088 118.088 0 0 0-33.426-57.595v-12.566a6.738 6.738 0 0 0-3.37-5.834zm-57.849 48.737-10.395-6v-11.822l10.395 6v11.822zm95.481 55.125-10.395-6V309.84l10.395 6v11.822zm-58.132-100.138 10.395 6v11.816l-10.395-6v-11.816z"
fill="#428dff"
/>
<path
d="M402.698 107.614a6.72 6.72 0 0 0-.749-2.229l-.002-.007-.001-.001a6.72 6.72 0 0 0-1.556-1.766 6.403 6.403 0 0 0-.476-.366c-.151-.104-.273-.24-.433-.333L222.585.8a6.377 6.377 0 0 0-.762-.257 6.617 6.617 0 0 0-1.356-.456 6.544 6.544 0 0 0-1.227-.085 6.368 6.368 0 0 0-1.301.091 6.574 6.574 0 0 0-1.317.447 6.135 6.135 0 0 0-.781.265l-29.193 16.881-.05.02c-.072.042-.125.106-.196.15-.049.03-.105.042-.153.073l-73.775 48.533-.048.02-.107.082-.236.155c-.109.072-.188.173-.291.25a6.7 6.7 0 0 0-.928.796c-.144.155-.253.332-.382.499a5.88 5.88 0 0 0-1.362 3.57c-.012.164-.064.318-.064.484v.158l-.007.066.007.041v68.788a6.737 6.737 0 1 0 13.474 0V84.019l50.817 29.339 1.814 1.048.007.003.006.003.069.03a19.435 19.435 0 0 0 4.001 1.724c.499.151.983.173 1.479.273.85.199 1.715.325 2.586.377.113.003.233.051.345.051a12.98 12.98 0 0 0 1.863-.235c.436-.033.871-.087 1.302-.164a12.14 12.14 0 0 0 2.007-.789c.412-.136.816-.295 1.21-.475a14.478 14.478 0 0 0 6.664-13.105V35.215l163.368 94.349v363.928l-96.587-55.757 4.515-5.829a36.489 36.489 0 0 0 6.704-22.559v-5.658a70.566 70.566 0 0 0-4.158-22.763l-32.02-91.954c-.025-.071-.082-.115-.109-.184a23.543 23.543 0 0 0-1.09-1.844c-.104-.127-.189-.26-.302-.377a6.6 6.6 0 0 0-.87-.664 6.256 6.256 0 0 0-.602-.537c-.074-.043-.159-.039-.234-.079-.131-.071-.25-.147-.385-.209a6.764 6.764 0 0 0-1.056-.281 6.537 6.537 0 0 0-1.058-.278 6.055 6.055 0 0 0-.447-.025c-.073-.003-.135-.042-.209-.042a6.336 6.336 0 0 0-.818.165 6.655 6.655 0 0 0-1.14.175c-.086.026-.173.006-.259.035-.07.025-.115.082-.184.109-.634.336-1.251.701-1.85 1.095-.124.103-.255.187-.371.298-.244.27-.465.559-.661.865-.193.19-.373.393-.539.607l-32.026 54.974a38.992 38.992 0 0 0-4.697 19.572v5.658a72.975 72.975 0 0 0 5.796 27.092l1.789 4.375-74.671-43.105V195.938a6.737 6.737 0 1 0-13.474 0v164.316a6.736 6.736 0 0 0 3.368 5.836l250.99 144.895a6.748 6.748 0 0 0 3.378.914l.007-.001.007.001c.381-.018.76-.067 1.132-.148.19-.033.382-.025.57-.074a6.825 6.825 0 0 0 1.666-.679l.06-.046 29.243-16.875c.22-.17.428-.353.624-.55a6.518 6.518 0 0 0 1.039-.917c.271-.327.51-.68.711-1.054.222-.36.408-.742.555-1.138.141-.446.233-.905.276-1.371.072-.265.126-.533.162-.805V108.748c0-.181-.056-.35-.07-.53a5.216 5.216 0 0 0-.075-.604zM215.65 408.971l-7.763-18.98a59.317 59.317 0 0 1-4.796-21.987v-5.658a25.71 25.71 0 0 1 2.868-12.796l19.467-33.416v67.456a6.737 6.737 0 1 0 13.474 0v-52.568l18.921 54.337a56.91 56.91 0 0 1 3.408 18.329v5.658a23.692 23.692 0 0 1-3.888 14.309l-5.638 7.278-35.806-20.67a6.382 6.382 0 0 0-.247-1.292zm157.895-279.434 15.829-9.127v363.94l-15.829 9.134V129.537zm-190.329-27.46a5.91 5.91 0 0 1-.111 1.202 5.933 5.933 0 0 1-1.218-.551l-53.25-30.77 54.579-35.908v66.027zm20.219-78.535 15.782-9.127 163.414 94.327-15.846 9.138-163.35-94.338z"
fill="#428dff"
/>
<path
d="M113.236 174.517c.81.345 1.679.529 2.559.539a6.492 6.492 0 0 0 2.559-.539 6.924 6.924 0 0 0 2.224-1.415 6.696 6.696 0 0 0 1.954-4.783 5.694 5.694 0 0 0-.539-2.559 7.723 7.723 0 0 0-1.415-2.224 6.723 6.723 0 0 0-7.342-1.415 6.645 6.645 0 0 0-2.158 1.415 6.673 6.673 0 0 0 0 9.566 6.618 6.618 0 0 0 2.158 1.415z"
fill="#428dff"
/>
</svg>
More icons in the same style and category