Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, archive, image, 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.897 511.897"
>
<g transform="translate(1 1)">
<linearGradient
id="a"
x1="-50.101"
x2="-49.656"
y1="648.431"
y2="647.49"
gradientTransform="matrix(21.3439 -12.1282 -20.8549 -36.7017 14786.912 23419.035)"
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="M198.706 224.359c5.894-3.349 15.34 2.152 21.099 12.287 5.759 10.135 5.649 21.066-.245 24.415s-15.34-2.152-21.099-12.287c-5.758-10.134-5.649-21.065.245-24.415z"
fill="url(#a)"
/>
<path
d="M229.622 327.252a6.734 6.734 0 0 1-6.105-3.875l-12.257-26.079-45.625 12.572a6.736 6.736 0 0 1-3.579-12.987l51.099-14.086a6.73 6.73 0 0 1 7.888 3.632l14.671 31.224a6.735 6.735 0 0 1-6.092 9.599z"
fill="#7facfa"
/>
<path
d="M313.602 403.522a6.748 6.748 0 0 1-3.368-.901l-114-65.816a6.736 6.736 0 0 1-.003-11.672 6.738 6.738 0 0 1 6.74.002l103.967 60.02.151-24.474-38.796-65.02-43.316 13.98a6.733 6.733 0 0 1-8.658-7.817 6.737 6.737 0 0 1 4.513-4.999l48.428-15.632a6.712 6.712 0 0 1 7.855 2.954l42.507 71.243a6.735 6.735 0 0 1 .954 3.493l-.237 37.941a6.745 6.745 0 0 1-6.737 6.698z"
fill="#7facfa"
/>
<linearGradient
id="b"
x1="-48.848"
x2="-48.402"
y1="651.597"
y2="650.655"
gradientTransform="matrix(280.32 0 0 -498.5263 13890.223 324854.375)"
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.206 5.634-29.238 16.909-74.172 48.775v287.933L365.811 504.16l29.305-16.909V107.764z"
fill="url(#b)"
/>
<path
d="M395.116 107.764v379.487l-29.305 16.909V124.674zM395.116 107.764l-29.305 16.91L188.968 22.543l29.238-16.909zM188.966 22.543v78.552c0 7.208-5.12 10.105-11.453 6.467l-62.72-36.244 74.173-48.775z"
fill="#a4c2f7"
/>
<path
d="m395.116 107.764-1.55.876-155.149-89.533-27.689 16.034-1.549.876-20.211 13.271-52.48 34.56-1.482.944v286.113l-20.21-11.654V71.318l74.172-48.775 29.238-16.909z"
fill="#fff"
/>
</g>
<path
d="M216.715 269.772a14.452 14.452 0 0 0 7.23-1.875 17.223 17.223 0 0 0 7.848-15.526 39.658 39.658 0 0 0-18.178-31.789 15.8 15.8 0 0 0-25.131 14.487 39.662 39.662 0 0 0 18.178 31.783 20.286 20.286 0 0 0 10.053 2.92zm-13.671-38.546c.17-.081.358-.117.546-.105 1.173.1 2.303.489 3.29 1.132a26.152 26.152 0 0 1 11.441 20.033v.007c-.013 2.408-.671 3.678-1.079 3.915-.401.243-1.796.158-3.842-1.026a26.158 26.158 0 0 1-11.441-20.033c.012-2.417.67-3.686 1.085-3.923zM158.353 306.167a6.748 6.748 0 0 0 8.283 4.704l45.625-12.572 12.257 26.078a6.737 6.737 0 0 0 12.197-5.724l-4.684-9.967 37.263-12.026 38.796 65.02-.151 24.474-103.967-60.02a6.738 6.738 0 0 0-6.737 11.671l114 65.816a6.743 6.743 0 0 0 10.105-5.796l.237-37.941a6.73 6.73 0 0 0-.954-3.493l-42.507-71.243a6.712 6.712 0 0 0-7.855-2.954l-44.004 14.204-4.213-8.967a6.731 6.731 0 0 0-7.888-3.632l-51.099 14.086a6.735 6.735 0 0 0-4.704 8.282z"
fill="#428dff"
/>
<path
d="M402.776 108.216a6.245 6.245 0 0 0-.08-.604 6.743 6.743 0 0 0-.749-2.229l-.002-.006-.002-.002a6.743 6.743 0 0 0-1.564-1.773 6.342 6.342 0 0 0-.464-.356c-.152-.106-.275-.243-.438-.337L222.583.798a6.416 6.416 0 0 0-.739-.249 6.479 6.479 0 0 0-1.396-.469 9.145 9.145 0 0 0-2.533.016 6.675 6.675 0 0 0-1.261.43 6.31 6.31 0 0 0-.815.278l-29.194 16.881-.049.02c-.072.042-.125.106-.196.15-.049.03-.105.042-.153.073l-73.775 48.534-.048.019-.107.082-.235.155c-.109.072-.188.173-.291.25a6.643 6.643 0 0 0-.928.796c-.145.155-.253.332-.382.499a5.865 5.865 0 0 0-1.362 3.57c-.012.164-.064.319-.064.484v.158l-.007.066.007.041v68.788a6.737 6.737 0 1 0 13.474 0V84.017l50.817 29.338 1.814 1.048.007.003.007.003.072.031a19.3 19.3 0 0 0 3.987 1.718c.511.121 1.027.216 1.548.285.827.192 1.669.315 2.516.367.117.003.24.052.357.052.637-.033 1.27-.113 1.895-.239.422-.06.856-.059 1.265-.16.7-.205 1.38-.472 2.033-.799.404-.135.801-.291 1.189-.467a14.478 14.478 0 0 0 6.664-13.105V35.213l163.368 94.349V493.49l-237.54-137.125V195.936a6.737 6.737 0 1 0-13.474 0v164.316a6.736 6.736 0 0 0 3.368 5.836l250.99 144.895a6.751 6.751 0 0 0 3.378.914l.007-.001.007.001a6.748 6.748 0 0 0 1.132-.148c.191-.033.382-.025.571-.074a6.747 6.747 0 0 0 1.666-.679l.059-.046 29.243-16.876a6.38 6.38 0 0 0 .623-.55 6.561 6.561 0 0 0 1.039-.916 9.17 9.17 0 0 0 1.267-2.193c.14-.446.233-.905.276-1.371.072-.265.126-.534.163-.805V108.746c.003-.182-.053-.351-.067-.53zm-29.232 21.319 15.829-9.127v363.939l-15.829 9.134V129.535zm-190.329-27.46c.004.403-.033.806-.112 1.202a5.849 5.849 0 0 1-1.217-.551l-53.251-30.769 54.58-35.908v66.026zm20.218-78.535 15.781-9.126 163.414 94.327-15.846 9.137L203.433 23.54z"
fill="#428dff"
/>
<path
d="M115.794 175.055a6.492 6.492 0 0 0 2.559-.539 6.924 6.924 0 0 0 2.224-1.415 8.042 8.042 0 0 0 1.48-2.224 6.69 6.69 0 0 0 .474-2.559 7.087 7.087 0 0 0-1.954-4.783 6.844 6.844 0 0 0-7.342-1.415 7.723 7.723 0 0 0-2.224 1.415 6.94 6.94 0 0 0-1.415 2.224 6.341 6.341 0 0 0 0 5.118 7.815 7.815 0 0 0 1.415 2.224 6.956 6.956 0 0 0 4.783 1.954z"
fill="#428dff"
/>
</svg>
More icons in the same style and category