Add icons to this collection by clicking the heart icon.
Document icon - also known as file, document, contract, shipping, logistic, and files and folders. Created in a clean 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="#fedbb8" />
<stop offset="1" stop-color="#0e9aae" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="28"
x2="28"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="40"
x2="40"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="29"
x2="29"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="48"
x2="48"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="16"
x2="16"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="43"
x2="43"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="18"
x2="18"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="46"
x2="46"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="45"
x2="45"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="38"
x2="38"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
d="M24 46h16a2 2 0 0 0 0-4H24a2 2 0 0 0 0 4zM24 38h16a2 2 0 0 0 0-4H24a2 2 0 0 0 0 4zM24 30h16a2 2 0 0 0 0-4H24a2 2 0 0 0 0 4z"
/>
</g>
<path fill="url(#c)" d="M24 22h8a2 2 0 0 0 0-4h-8a2 2 0 0 0 0 4z" />
<path
fill="url(#d)"
d="M38 16a2 2 0 0 0-2 2c0 3.309 2.691 6 6 6a2 2 0 0 0 0-4c-1.103 0-2-.897-2-2a2 2 0 0 0-2-2z"
/>
<path fill="url(#e)" d="M20 14h18a2 2 0 0 0 0-4H20a2 2 0 0 0 0 4z" />
<path
fill="url(#f)"
d="M48 50a2 2 0 0 0 2-2V22a2 2 0 0 0-4 0v26a2 2 0 0 0 2 2z"
/>
<path
fill="url(#g)"
d="M16 50a2 2 0 0 0 2-2V16a2 2 0 0 0-4 0v32a2 2 0 0 0 2 2z"
/>
<path fill="url(#b)" d="M20 50a2 2 0 0 0 0 4h24a2 2 0 0 0 0-4z" />
<path
fill="url(#h)"
d="M46.586 23.414c.39.391.902.586 1.414.586s1.024-.195 1.414-.586a2 2 0 0 0 0-2.828l-10-10a2 2 0 1 0-2.828 2.828z"
/>
<path
fill="url(#i)"
d="M16 18a2 2 0 0 0 2-2c0-1.103.897-2 2-2a2 2 0 0 0 0-4c-3.309 0-6 2.691-6 6a2 2 0 0 0 2 2zM20 54a2 2 0 0 0 0-4c-1.103 0-2-.897-2-2a2 2 0 0 0-4 0c0 3.309 2.691 6 6 6z"
/>
<path
fill="url(#j)"
d="M48 46a2 2 0 0 0-2 2c0 1.103-.897 2-2 2a2 2 0 0 0 0 4c3.309 0 6-2.691 6-6a2 2 0 0 0-2-2z"
/>
<path fill="url(#k)" d="M42 24h6a2 2 0 0 0 0-4h-6a2 2 0 0 0 0 4z" />
<path
fill="url(#l)"
d="M38 20a2 2 0 0 0 2-2v-6a2 2 0 0 0-4 0v6a2 2 0 0 0 2 2z"
/>
</svg>
More icons in the same style and category