Add icons to this collection by clicking the heart icon.
Document icon - also known as business, document, pencil, paper, pen, writing, contract, sign, signing, and business and finance. Created in a clean lineal 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 512 512"
>
<linearGradient
id="a"
x1="-10.794"
x2="-75.194"
y1="652.207"
y2="587.804"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M152 80h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-8.794"
x2="-73.194"
y1="650.207"
y2="585.804"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M176 96h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-12.794"
x2="-77.194"
y1="654.207"
y2="589.804"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M112 96h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="14.706"
x2="-49.694"
y1="626.707"
y2="562.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M296 336c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="16.706"
x2="-47.694"
y1="624.707"
y2="560.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M328 336c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="12.706"
x2="-51.694"
y1="628.707"
y2="564.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M264 336c-4.8 0-8 3.2-8 8s3.2 8 8 8h8c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="24.706"
x2="-39.694"
y1="616.707"
y2="552.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M424 368c-4.8 0-8 3.2-8 8v8c0 4.8 3.2 8 8 8s8-3.2 8-8v-8c0-4.8-3.2-8-8-8z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-11.794"
x2="-76.194"
y1="653.207"
y2="588.804"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M224 56c0-4.8-3.2-8-8-8H112c-4.8 0-8 3.2-8 8s3.2 8 8 8h104c4.8 0 8-3.2 8-8z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="11.706"
x2="-52.694"
y1="629.707"
y2="565.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M376 312c0-4.8-3.2-8-8-8H200c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="9.706"
x2="-54.694"
y1="631.707"
y2="567.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M200 336c-4.8 0-8 3.2-8 8s3.2 8 8 8h40c4.8 0 8-3.2 8-8s-3.2-8-8-8h-40z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="4.706"
x2="-59.694"
y1="636.707"
y2="572.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M304 192c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="6.706"
x2="-57.694"
y1="634.707"
y2="570.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M336 192c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="2.706"
x2="-61.694"
y1="638.707"
y2="574.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M272 192c4.8 0 8-3.2 8-8s-3.2-8-8-8h-8c-4.8 0-8 3.2-8 8s3.2 8 8 8h8z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="1.706"
x2="-62.694"
y1="639.707"
y2="575.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M368 144H200c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-.294"
x2="-64.694"
y1="641.707"
y2="577.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M200 192h40c4.8 0 8-3.2 8-8s-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8s3.2 8 8 8z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="6.706"
x2="-57.694"
y1="634.707"
y2="570.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M368 224H200c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#p)"
/>
<linearGradient
id="q"
x1="8.706"
x2="-55.694"
y1="632.707"
y2="568.304"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M368 256H200c-4.8 0-8 3.2-8 8s3.2 8 8 8h168c4.8 0 8-3.2 8-8s-3.2-8-8-8z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="5.466"
x2="-58.936"
y1="635.949"
y2="571.544"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M456 400h-52l-13.6-20.8c-1.6-1.6-4-3.2-6.4-3.2h-72c-4.8 0-8 3.2-8 8s3.2 8 8 8h68l5.6 8h-232l-31.2-8c-2.4-.8-4.8 0-7.2 1.6l-40 32-1.6 1.6s0 .8-.8.8c-.8 1.6-.8 3.2-.8 4s0 2.4.8 3.2c0 0 0 .8.8.8.8.8.8 1.6 1.6 1.6l40 32c1.6.8 3.2 1.6 4.8 1.6h1.6l31.2-8H416v32H64V16h272v72c0 4.8 3.2 8 8 8h72v256c0 4.8 3.2 8 8 8s8-3.2 8-8V88c0-2.4-1.6-4.8-3.2-6.4L350.4 3.2c-1.6-1.6-4-3.2-6.4-3.2H56c-4.8 0-8 4-8 8v496c0 4.8 3.2 8 8 8h368c4.8 0 8-3.2 8-8v-40h24c4.8 0 8-3.2 8-8v-48c0-4.8-3.2-8-8-8zM352 27.2 404.8 80H352V27.2zm-230.4 428L103.2 440H120c4.8 0 8-3.2 8-8s-3.2-8-8-8h-16.8l19.2-15.2 22.4 5.6v35.2l-23.2 5.6zM448 448H160v-32h288v32z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="-7.042"
x2="-71.445"
y1="648.458"
y2="584.055"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M160 144c0-4.8-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40zm-16 32h-24v-24h24v24z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="-2.042"
x2="-66.445"
y1="643.458"
y2="579.055"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M160 224c0-4.8-3.2-8-8-8h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40zm-16 32h-24v-24h24v24z"
fill="url(#t)"
/>
<linearGradient
id="u"
x1="2.958"
x2="-61.445"
y1="638.458"
y2="574.055"
gradientTransform="matrix(8 0 0 -8 455 5085)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7941e" />
<stop offset="1" stop-color="#ee2a7b" />
</linearGradient>
<path
d="M152 296h-40c-4.8 0-8 3.2-8 8v40c0 4.8 3.2 8 8 8h40c4.8 0 8-3.2 8-8v-40c0-4.8-3.2-8-8-8zm-8 40h-24v-24h24v24z"
fill="url(#u)"
/>
</svg>
More icons in the same style and category