Add icons to this collection by clicking the heart icon.
Files icon - also known as document, storage, files, folder, office material, folders, file storage, and files and folders. Created in a clean outline gradient style with a gray, teal, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset=".086" stop-color="#fff" />
<stop offset="1" stop-color="#14baab" />
</linearGradient>
<linearGradient
id="c"
x1="78.605"
x2="78.605"
y1="83.092"
y2="279.35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="256.001"
x2="256.001"
y1="83.092"
y2="279.35"
gradientUnits="userSpaceOnUse"
>
<stop offset=".086" stop-color="#fff" />
<stop offset="1" stop-color="#e8505b" />
</linearGradient>
<linearGradient
id="e"
x1="433.395"
x2="433.395"
y1="83.092"
y2="279.35"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fff" />
<stop offset=".916" stop-color="#f9d56e" />
</linearGradient>
<linearGradient
id="f"
x1="433.401"
x2="433.401"
y1="26.345"
y2="485.655"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="78.599"
x2="78.599"
y1="26.345"
y2="485.655"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="256"
x2="256"
y1="26.345"
y2="485.655"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="#f9d56e"
d="M128.795 10.51H28.403C12.727 10.51.006 23.23.006 38.854v434.292c0 15.623 12.72 28.344 28.397 28.344h100.392c15.676 0 28.397-12.721 28.397-28.344V38.854c0-15.623-12.721-28.344-28.397-28.344zM43.393 425.378c0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.424-15.782 35.206-35.206 35.206s-35.206-15.783-35.206-35.206zm79.491-132.536c0 10.029-8.129 18.157-18.157 18.157H52.472c-10.029 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.128-18.157 18.157-18.157h52.254c10.028 0 18.157 8.128 18.157 18.157v223.269z"
/>
<path
fill="#14baab"
d="M104.738 67.257H52.469a2.315 2.315 0 0 0-2.314 2.314v223.293a2.321 2.321 0 0 0 2.314 2.32h52.269a2.321 2.321 0 0 0 2.317-2.32V69.572a2.317 2.317 0 0 0-2.317-2.315z"
/>
<path fill="url(#c)" d="M65.989 83.092H91.22V279.35H65.989z" opacity=".7" />
<path
fill="#14baab"
d="M78.605 406.037c-10.672 0-19.355 8.68-19.355 19.355s8.683 19.355 19.355 19.355c10.67 0 19.353-8.68 19.353-19.355s-8.683-19.355-19.353-19.355z"
/>
<path
fill="#f9d56e"
d="M306.196 10.51H205.804c-15.676 0-28.397 12.72-28.397 28.344v434.292c0 15.623 12.721 28.344 28.397 28.344h100.392c15.676 0 28.397-12.721 28.397-28.344V38.854c0-15.623-12.721-28.344-28.397-28.344zm-85.402 414.868c0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.424-15.782 35.206-35.206 35.206s-35.206-15.783-35.206-35.206zm79.49-132.536c0 10.029-8.129 18.157-18.157 18.157h-52.254c-10.028 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.129-18.157 18.157-18.157h52.254c10.028 0 18.157 8.128 18.157 18.157z"
/>
<path
fill="#e8505b"
d="M282.133 67.257h-52.267a2.317 2.317 0 0 0-2.317 2.314v223.293a2.322 2.322 0 0 0 2.317 2.32h52.267a2.324 2.324 0 0 0 2.32-2.32V69.572a2.32 2.32 0 0 0-2.32-2.315z"
/>
<path
fill="url(#d)"
d="M243.384 83.092h25.234V279.35h-25.234z"
opacity=".7"
/>
<circle cx="256" cy="425.393" r="19.355" fill="#e8505b" />
<path
fill="#f9d56e"
d="M483.597 10.51H383.205c-15.676 0-28.397 12.72-28.397 28.344v434.292c0 15.623 12.721 28.344 28.397 28.344h100.392c15.676 0 28.397-12.721 28.397-28.344V38.854c-.001-15.623-12.721-28.344-28.397-28.344zm-85.402 414.868c0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.424-15.782 35.206-35.206 35.206s-35.206-15.783-35.206-35.206zm79.49-132.536c0 10.029-8.128 18.157-18.157 18.157h-52.254c-10.028 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.129-18.157 18.157-18.157h52.254c10.029 0 18.157 8.128 18.157 18.157z"
/>
<path
fill="#14baab"
d="M459.531 67.257h-52.267a2.32 2.32 0 0 0-2.32 2.314v223.293a2.324 2.324 0 0 0 2.32 2.32h52.267a2.318 2.318 0 0 0 2.314-2.32V69.572a2.315 2.315 0 0 0-2.314-2.315z"
/>
<path
fill="url(#e)"
d="M420.779 83.092h25.231V279.35h-25.231z"
opacity=".7"
/>
<circle cx="433.397" cy="425.393" r="19.355" fill="#14baab" />
<path
fill="url(#f)"
d="M483.597 26.345H383.205c-6.914 0-12.562 5.595-12.562 12.509v434.292c0 6.914 5.648 12.509 12.562 12.509h100.392c6.914 0 12.562-5.595 12.562-12.509V38.854c0-6.914-5.648-12.509-12.562-12.509zm-50.196 434.239c-19.424 0-35.206-15.782-35.206-35.206 0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.423-15.783 35.206-35.206 35.206zm44.284-167.742c0 10.029-8.128 18.157-18.157 18.157h-52.254c-10.028 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.129-18.157 18.157-18.157h52.254c10.029 0 18.157 8.128 18.157 18.157z"
opacity=".7"
/>
<path
fill="url(#g)"
d="M128.795 26.345H28.403c-6.914 0-12.562 5.595-12.562 12.509v434.292c0 6.914 5.648 12.509 12.562 12.509h100.392c6.914 0 12.562-5.595 12.562-12.509V38.854c0-6.914-5.647-12.509-12.562-12.509zM78.599 460.584c-19.424 0-35.206-15.782-35.206-35.206 0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.423-15.782 35.206-35.206 35.206zm44.285-167.742c0 10.029-8.129 18.157-18.157 18.157H52.472c-10.029 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.128-18.157 18.157-18.157h52.254c10.028 0 18.157 8.128 18.157 18.157v223.269z"
opacity=".7"
/>
<path
fill="url(#h)"
d="M306.196 26.345H205.804c-6.914 0-12.562 5.595-12.562 12.509v434.292c0 6.914 5.648 12.509 12.562 12.509h100.392c6.914 0 12.562-5.595 12.562-12.509V38.854c0-6.914-5.648-12.509-12.562-12.509zM256 460.584c-19.424 0-35.206-15.782-35.206-35.206 0-19.371 15.782-35.153 35.206-35.153s35.206 15.782 35.206 35.153c0 19.423-15.782 35.206-35.206 35.206zm44.284-167.742c0 10.029-8.129 18.157-18.157 18.157h-52.254c-10.028 0-18.157-8.128-18.157-18.157V69.573c0-10.029 8.129-18.157 18.157-18.157h52.254c10.028 0 18.157 8.128 18.157 18.157z"
opacity=".7"
/>
</svg>
More icons in the same style and category