Add icons to this collection by clicking the heart icon.
Document icon - also known as technology, document, smartphone, keyboard, files and folders, and online service. 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"
x1="32"
x2="32"
y1="65.84"
y2=".361"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="11" x2="11" y1="65.84" y2=".361" href="#a" />
<linearGradient id="c" x1="15" x2="15" y1="65.84" y2=".361" href="#a" />
<linearGradient id="d" x1="49" x2="49" y1="65.84" y2=".361" href="#a" />
<linearGradient id="e" x1="53" x2="53" y1="65.84" y2=".361" href="#a" />
<linearGradient id="f" x1="16" x2="16" y1="65.84" y2=".361" href="#a" />
<linearGradient id="g" x1="12" x2="12" y1="65.84" y2=".361" href="#a" />
<linearGradient id="h" x1="20" x2="20" y1="65.84" y2=".361" href="#a" />
<linearGradient id="i" x1="24" x2="24" y1="65.84" y2=".361" href="#a" />
<linearGradient id="j" x1="28" x2="28" y1="65.84" y2=".361" href="#a" />
<linearGradient id="k" x1="36" x2="36" y1="65.84" y2=".361" href="#a" />
<linearGradient id="l" x1="40" x2="40" y1="65.84" y2=".361" href="#a" />
<linearGradient id="m" x1="44" x2="44" y1="65.84" y2=".361" href="#a" />
<linearGradient id="n" x1="48" x2="48" y1="65.84" y2=".361" href="#a" />
<linearGradient id="o" x1="52" x2="52" y1="65.84" y2=".361" href="#a" />
<linearGradient id="p" x1="22" x2="22" y1="65.84" y2=".361" href="#a" />
<linearGradient id="q" x1="29" x2="29" y1="65.84" y2=".361" href="#a" />
<path
fill="url(#a)"
d="M55.9 44.553A1 1 0 0 0 55 44H9a1 1 0 0 0-.895.553l-6 12A1 1 0 0 0 2 57v3a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2v-3a1 1 0 0 0-.1-.447zM9.618 46h44.764l5 10H4.618zM4 60v-2h56v2z"
/>
<path fill="url(#b)" d="M10 52h2v2h-2z" />
<path fill="url(#c)" d="M14 52h2v2h-2z" />
<path fill="url(#a)" d="M18 52h28v2H18z" />
<path fill="url(#d)" d="M48 52h2v2h-2z" />
<path fill="url(#e)" d="M52 52h2v2h-2z" />
<path fill="url(#f)" d="M15 48h2v2h-2z" />
<path fill="url(#g)" d="M11 48h2v2h-2z" />
<path fill="url(#h)" d="M19 48h2v2h-2z" />
<path fill="url(#i)" d="M23 48h2v2h-2z" />
<path fill="url(#j)" d="M27 48h2v2h-2z" />
<path fill="url(#a)" d="M31 48h2v2h-2z" />
<path fill="url(#k)" d="M35 48h2v2h-2z" />
<path fill="url(#l)" d="M39 48h2v2h-2z" />
<path fill="url(#m)" d="M43 48h2v2h-2z" />
<path fill="url(#n)" d="M47 48h2v2h-2z" />
<path fill="url(#o)" d="M51 48h2v2h-2z" />
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v28a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zm-9 16h-6v-6.586l6 6zm-7 2h7v18H16V11a1 1 0 0 1 1-1h23v9a1 1 0 0 0 1 1zm16 18h-7V17a1 1 0 0 0-.293-.707l-8-8A1 1 0 0 0 41 8H17a3 3 0 0 0-3 3v27H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h50a3 3 0 0 1 3 3v5h-1a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h1v5a3 3 0 0 1-3 3zm3-24v14h-1a1 1 0 0 1-1-1V15a1 1 0 0 1 1-1z"
/>
<path fill="url(#j)" d="M20 18h16v2H20z" />
<path fill="url(#p)" d="M20 14h4v2h-4z" />
<path fill="url(#q)" d="M26 14h6v2h-6z" />
<g fill="url(#a)">
<path d="M20 24h24v2H20zM20 28h24v2H20zM20 32h24v2H20z" />
</g>
</svg>
More icons in the same style and category