Add icons to this collection by clicking the heart icon.
Article icon - also known as interface, file, document, archive, news, text lines, article, publication, 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="100"
height="100"
viewBox="0 0 858.664 858.664"
>
<linearGradient
id="a"
x1="429.332"
x2="429.332"
y1="779.938"
y2="-76.192"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M743.984 156.517a13.698 13.698 0 0 0-.687-3.563c-.172-.487-.301-.945-.501-1.431a13.91 13.91 0 0 0-2.461-3.749c-.1-.115-.129-.258-.243-.372L600.317 4.293A14.31 14.31 0 0 0 590.07 0H128.805c-7.904 0-14.311 6.407-14.311 14.311v830.042c0 7.904 6.407 14.311 14.311 14.311h601.054c7.904 0 14.311-6.407 14.311-14.311v-686.92c0-.314-.158-.601-.186-.916zm-48.671-13.394h-94.251V48.871l94.251 94.252zM143.115 830.042V28.636H572.44v114.487c0 15.807 12.814 28.622 28.622 28.622h114.487v658.298H143.115z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="329.156"
x2="329.156"
y1="776.461"
y2="43.661"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 85.879h314.838v28.622H171.737z" fill="url(#b)" />
<linearGradient
id="c"
x1="329.156"
x2="329.156"
y1="767.66"
y2="34.846"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 143.123h314.838v28.622H171.737z" fill="url(#c)" />
<linearGradient
id="d"
x1="329.156"
x2="329.156"
y1="758.844"
y2="26.044"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 200.366h314.838v28.622H171.737z" fill="url(#d)" />
<linearGradient
id="e"
x1="429.332"
x2="429.332"
y1="770.05"
y2="-55.055"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path
d="M200.359 300.542v114.487c0 7.904 6.407 14.311 14.311 14.311h429.325c7.904 0 14.311-6.407 14.311-14.311V300.542c0-7.904-6.407-14.311-14.311-14.311H214.669c-7.903 0-14.31 6.407-14.31 14.311zm28.621 14.31h400.703v85.865H228.98v-85.865z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="429.332"
x2="429.332"
y1="682.897"
y2="15.426"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 486.582h515.19v28.622h-515.19z" fill="url(#f)" />
<linearGradient
id="g"
x1="286.224"
x2="286.224"
y1="723.811"
y2="-41.088"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 543.826H400.71v28.622H171.737z" fill="url(#g)" />
<linearGradient
id="h"
x1="572.44"
x2="572.44"
y1="727.99"
y2="-36.909"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M457.953 543.826h228.973v28.622H457.953z" fill="url(#h)" />
<linearGradient
id="i"
x1="286.224"
x2="286.224"
y1="717.128"
y2="-47.771"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 601.069H400.71v28.622H171.737z" fill="url(#i)" />
<linearGradient
id="j"
x1="572.44"
x2="572.44"
y1="721.307"
y2="-43.592"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M457.953 601.069h228.973v28.622H457.953z" fill="url(#j)" />
<linearGradient
id="k"
x1="286.224"
x2="286.224"
y1="710.445"
y2="-54.454"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 658.312H400.71v28.622H171.737z" fill="url(#k)" />
<linearGradient
id="l"
x1="572.44"
x2="572.44"
y1="714.624"
y2="-50.275"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M457.953 658.312h228.973v28.622H457.953z" fill="url(#l)" />
<linearGradient
id="m"
x1="286.224"
x2="286.224"
y1="703.762"
y2="-61.137"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M171.737 715.555H400.71v28.622H171.737z" fill="url(#m)" />
<linearGradient
id="n"
x1="572.44"
x2="572.44"
y1="707.926"
y2="-56.958"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M457.953 715.555h228.973v28.622H457.953z" fill="url(#n)" />
<linearGradient
id="o"
x1="572.44"
x2="572.44"
y1="701.243"
y2="-63.656"
gradientTransform="matrix(1 0 0 -1 0 843.378)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<path d="M457.953 772.799h228.973v28.622H457.953z" fill="url(#o)" />
</svg>
More icons in the same style and category