Add icons to this collection by clicking the heart icon.
File icon - also known as interface, file, document, email, 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.896 511.896"
>
<g transform="translate(1 1)">
<path
d="M292.58 284.943v81.92l-40.084-67.167 38.804-20.211a13.98 13.98 0 0 1 1.28 5.458zM225.144 283.933l-40.017 20.883v-81.852a5.93 5.93 0 0 1 1.28-4.043l38.737 65.012z"
fill="#7facfa"
/>
<linearGradient
id="a"
x1="-48.821"
x2="-48.032"
y1="650.338"
y2="649.399"
gradientTransform="matrix(104.8926 0 0 -88.1252 5310.3 57527.09)"
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="m291.3 279.485-38.804 20.211-11.385 5.929c-1.28.472-3.234-.607-4.581-2.627l-11.385-19.065-38.737-65.012a4.598 4.598 0 0 1 6.131-.269l92.632 53.491a15.808 15.808 0 0 1 6.129 7.342z"
fill="url(#a)"
/>
<path
d="M292.58 366.863v3.637c0 4.716-3.301 6.603-7.411 4.313v-.067l-92.632-53.423-.067-.067a18.39 18.39 0 0 1-7.343-12.8v-3.638l40.017-20.883L236.529 303c1.347 2.021 3.301 3.099 4.581 2.627l11.385-5.929 40.085 67.165z"
fill="#a4c2f7"
/>
<linearGradient
id="b"
x1="-49.071"
x2="-48.282"
y1="651.672"
y2="650.733"
gradientTransform="matrix(280.32 0 0 -498.5263 13890.078 324854.125)"
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.207 5.633-29.238 16.91-74.173 48.774V359.25l251.015 144.91 29.305-16.91V107.764z"
fill="url(#b)"
/>
<path
d="M395.116 107.764V487.25l-29.305 16.91V124.673z"
fill="#a4c2f7"
/>
<path
d="m395.116 107.764-29.305 16.909-176.842-102.13 29.238-16.91zM188.967 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.549.876-155.15-89.533-27.688 16.034-1.549.875-20.211 13.272-52.48 34.56-1.482.943v286.114l-20.211-11.655V71.317l74.173-48.774 29.238-16.91z"
fill="#fff"
/>
</g>
<path
d="M190.017 328.041c.112.072.743.474.862.539l87.139 50.27 4.854 2.803a13.388 13.388 0 0 0 6.599 1.855 10.52 10.52 0 0 0 5.316-1.415 11.793 11.793 0 0 0 5.5-10.612v-85.52a20.997 20.997 0 0 0-1.783-8.092l-.025-.036a22.47 22.47 0 0 0-8.968-10.536l-92.585-53.454a11.376 11.376 0 0 0-12.9.273 6.62 6.62 0 0 0-1.617 1.271l-.069.054-.012.018-.002.002-.007.012a6.664 6.664 0 0 0-1.202 2.093 13.075 13.075 0 0 0-1.719 6.382v85.52a24.975 24.975 0 0 0 10.462 18.419c.063.044.095.113.157.154zm44.359-17.524c.256.227.522.401.789.603.659.506 1.369.941 2.119 1.299.291.137.573.271.87.379.811.3 1.658.491 2.52.567.191.018.376.077.567.082.079.002.158.035.238.035a8.718 8.718 0 0 0 2.974-.52c.273-.101.539-.22.796-.355l5.75-2.993 34.595 58.048-88.323-50.992a12.647 12.647 0 0 1-4.372-6.805l30.73-15.994 8.296 13.901a14.542 14.542 0 0 0 2.451 2.745zm28.597-7.135 23.84-12.407v52.41l-23.84-40.003zm-70.1-61.117 23.842 40.013-19.843 10.332-4 2.082.001-52.427zm88.914 36.131-26.013 13.543-5.355 2.786-8.085 4.211-39.355-66.039 78.808 45.499z"
fill="#428dff"
/>
<path
d="M402.696 107.612a6.72 6.72 0 0 0-.749-2.229l-.002-.007-.001-.001a6.728 6.728 0 0 0-1.564-1.773 6.532 6.532 0 0 0-.463-.355c-.153-.106-.276-.243-.438-.337L222.583.798a6.265 6.265 0 0 0-.776-.262 6.562 6.562 0 0 0-1.329-.449 9.23 9.23 0 0 0-2.534.002 6.613 6.613 0 0 0-1.327.451 6.233 6.233 0 0 0-.777.264l-29.194 16.881-.05.02c-.072.042-.125.105-.195.15-.049.031-.105.043-.153.074l-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.016l50.817 29.339 1.814 1.048.007.003.006.003.074.032a19.384 19.384 0 0 0 3.982 1.716c.525.125 1.057.223 1.593.293.81.186 1.634.306 2.464.359.121.003.248.053.368.053a13.049 13.049 0 0 0 1.96-.248c.396-.058.804-.056 1.19-.151a12.2 12.2 0 0 0 2.093-.82c.387-.13.767-.279 1.139-.447a14.478 14.478 0 0 0 6.664-13.105V35.212l163.368 94.349v363.928L122.531 356.364V195.936a6.737 6.737 0 1 0-13.474 0v164.316a6.738 6.738 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.569 6.569 0 0 0 1.04-.917c.271-.327.51-.68.711-1.054.222-.36.408-.742.555-1.138.14-.446.233-.905.276-1.371.072-.265.126-.533.162-.805V108.745c0-.181-.056-.35-.07-.53a6.598 6.598 0 0 0-.08-.603zm-29.152 21.922 15.829-9.127v363.939l-15.829 9.134V129.534zm-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.235 174.515c.8.376 1.676.561 2.559.539a6.689 6.689 0 0 0 4.783-1.954 9.859 9.859 0 0 0 1.48-2.224 6.671 6.671 0 0 0 .473-2.559 7.087 7.087 0 0 0-1.954-4.783 6.788 6.788 0 0 0-6.066-1.822 4.149 4.149 0 0 0-1.276.408 3.61 3.61 0 0 0-1.145.605 6.4 6.4 0 0 0-1.079.809 7.092 7.092 0 0 0-1.954 4.783c.011.88.194 1.75.539 2.559a7.815 7.815 0 0 0 1.415 2.224 7.742 7.742 0 0 0 2.225 1.415z"
fill="#428dff"
/>
</svg>
More icons in the same style and category