Add icons to this collection by clicking the heart icon.
Document icon - also known as computer, file, document, pencil, list, edit, archive, text lines, files and folders, edit tools, and business and finance. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-20.875"
x2="-20.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M388 48h-56V8a8 8 0 0 0-8-8H20a8 8 0 0 0-8 8v416a8 8 0 0 0 8 8h56v40a8 8 0 0 0 8 8h304a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8zM28 16h288v400H28V16zm352 448H92v-32h232a8 8 0 0 0 8-8V64h48v400z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="9.125"
x2="9.125"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M444 56c-13.255 0-24 10.745-24 24v272c.197.628.278 1.287.24 1.944l16 64a8 8 0 0 0 15.52 0l16-64A5.446 5.446 0 0 1 468 352V80c0-13.255-10.745-24-24-24zm-8 24a8 8 0 0 1 16 0v24h-16V80zm8 303.016L438.248 360h11.504L444 383.016zM452 344h-16V120h16v224z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-33.875"
x2="-33.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M68 128h64a8 8 0 0 0 8-8V56a8 8 0 0 0-8-8H68a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8zm8-64h48v48H76V64z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-18.875"
x2="-18.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M164 80h112a8 8 0 0 0 0-16H164a8 8 0 0 0 0 16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-18.875"
x2="-18.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M164 112h112a8 8 0 0 0 0-16H164a8 8 0 0 0 0 16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-24.875"
x2="-24.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M68 208h208a8 8 0 0 0 0-16H68a8 8 0 0 0 0 16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-24.875"
x2="-24.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M68 240h208a8 8 0 0 0 0-16H68a8 8 0 0 0 0 16z" fill="url(#g)" />
<linearGradient
id="h"
x1="-24.875"
x2="-24.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M68 272h208a8 8 0 0 0 0-16H68a8 8 0 0 0 0 16z" fill="url(#h)" />
<linearGradient
id="i"
x1="-24.875"
x2="-24.875"
y1="558.265"
y2="620.597"
gradientTransform="matrix(8 0 0 -8 371 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M284 296a8 8 0 0 0-8-8H68a8 8 0 0 0 0 16h208a8 8 0 0 0 8-8z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category