Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, security, lock, page, key, folder, files and folders, and key lock. Created in a clean flat gradient style, 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 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#ffb000" />
<stop offset=".346" stop-color="#e61e71" />
<stop offset=".699" stop-color="#9d2888" />
<stop offset="1" stop-color="#72565d" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="19"
x2="19"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="36"
x2="36"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="21.5"
x2="21.5"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="31"
x2="31"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="41.5"
x2="41.5"
y1="2.565"
y2="58.753"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M55 64a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H22a.996.996 0 0 0-.707.293l-13 13A.997.997 0 0 0 8 14v49a1 1 0 0 0 1 1zM23 14V2h31v60H10V15h12a1 1 0 0 0 1-1z"
/>
<path
d="M22 43c0 2.206 1.794 4 4 4h12c2.206 0 4-1.794 4-4V31a3.966 3.966 0 0 0-1-2.618V23c0-4.962-4.037-9-9-9s-9 4.038-9 9v5.382c-.615.703-1 1.612-1 2.618zm7-20c0-1.654 1.346-3 3-3s3 1.346 3 3v4h-6zm-5 8c0-1.103.897-2 2-2h12c1.103 0 2 .897 2 2v12c0 1.103-.897 2-2 2H26c-1.103 0-2-.897-2-2z"
/>
<path
d="M29.014 40.835a.996.996 0 0 0 .224.811A.994.994 0 0 0 30 42h4a1.003 1.003 0 0 0 .987-1.165l-.798-4.785A2.99 2.99 0 0 0 35 34c0-1.654-1.346-3-3-3s-3 1.346-3 3c0 .771.295 1.501.812 2.051z"
/>
</g>
<path fill="url(#c)" d="M17 51h4a1 1 0 1 0 0-2h-4a1 1 0 1 0 0 2z" />
<path
fill="url(#d)"
d="M24 50a1 1 0 0 0 1 1h22a1 1 0 1 0 0-2H25a1 1 0 0 0-1 1z"
/>
<path fill="url(#e)" d="M17 55h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2z" />
<path fill="url(#f)" d="M32 55a1 1 0 1 0 0-2h-2a1 1 0 1 0 0 2z" />
<path fill="url(#g)" d="M47 53H36a1 1 0 1 0 0 2h11a1 1 0 1 0 0-2z" />
<path fill="url(#b)" d="M47 57H17a1 1 0 1 0 0 2h30a1 1 0 1 0 0-2z" />
</svg>
More icons in the same style and category