Add icons to this collection by clicking the heart icon.
File icon - also known as interface, bookmark, file, badge, shapes, insignia, and signaling. Created in a clean lineal color style with a white, teal, navy, and pink 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 512 512"
>
<path
d="M444.875 109.792 338.208 3.125c-2-2-4.708-3.125-7.542-3.125h-224C83.135 0 64 19.135 64 42.667v426.667C64 492.865 83.135 512 106.667 512h298.667C428.865 512 448 492.865 448 469.333v-352c0-2.833-1.125-5.541-3.125-7.541z"
fill="#303c42"
/>
<path
d="M149.333 21.333h64V142.74l-27.229-13.615c-3-1.5-6.542-1.5-9.542 0l-27.229 13.615V21.333z"
fill="#1e88e5"
/>
<path
d="M160 48.354C160 39.322 167.323 32 176.355 32h36.978V21.333h-64V142.74L160 137.406V48.354z"
opacity=".2"
fill="#fff"
/>
<path
d="M405.333 490.667H106.667c-11.76 0-21.333-9.573-21.333-21.333V42.667c0-11.76 9.573-21.333 21.333-21.333H128V160a10.67 10.67 0 0 0 5.063 9.073c3.125 1.938 7.063 2.115 10.375.469l37.896-18.948 37.896 18.948c1.51.75 3.135 1.125 4.771 1.125 1.948 0 3.896-.531 5.604-1.594a10.67 10.67 0 0 0 5.063-9.073V21.333H320v64C320 108.865 339.135 128 362.667 128h64v341.333c0 11.761-9.573 21.334-21.334 21.334z"
fill="#fff"
/>
<path
d="M373.333 234.667H138.667A10.66 10.66 0 0 0 128 245.334a10.66 10.66 0 0 0 10.667 10.667h234.667a10.66 10.66 0 0 0 10.667-10.667 10.662 10.662 0 0 0-10.668-10.667zM373.333 320H138.667A10.66 10.66 0 0 0 128 330.667a10.66 10.66 0 0 0 10.667 10.667h234.667a10.66 10.66 0 0 0 10.667-10.667A10.662 10.662 0 0 0 373.333 320zM309.333 405.333H138.667A10.66 10.66 0 0 0 128 416a10.66 10.66 0 0 0 10.667 10.667h170.667A10.66 10.66 0 0 0 320.001 416a10.662 10.662 0 0 0-10.668-10.667z"
fill="#303c42"
/>
<path
d="m341.333 36.417 70.25 70.25h-48.917c-11.76 0-21.333-9.573-21.333-21.333V36.417z"
fill="#dfe1df"
/>
<path
d="M362.667 91.583c-11.76 0-21.333-9.573-21.333-21.333v15.083c0 11.76 9.573 21.333 21.333 21.333h48.917L396.5 91.583h-33.833z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-30.126"
x2="-25.748"
y1="641.997"
y2="637.618"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M362.667 128c-11.418 0-21.747-4.566-29.411-11.893l93.411 93.411V128h-64z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-46.438"
x2="-23.653"
y1="639.064"
y2="628.436"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M444.875 109.792 338.208 3.125c-2-2-4.708-3.125-7.542-3.125h-224C83.135 0 64 19.135 64 42.667v426.667C64 492.865 83.135 512 106.667 512h298.667C428.865 512 448 492.865 448 469.333v-352c0-2.833-1.125-5.541-3.125-7.541z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category