Add icons to this collection by clicking the heart icon.
Articles icon - also known as write, pencil, writing, development, ui, web development, content, article, articles, and seo and web. Created in a clean circular style with a white, silver, gray, teal, and orange finish, 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 128 128"
>
<linearGradient
id="a"
x1="108.498"
x2="56.016"
y1="115.405"
y2="62.923"
gradientUnits="userSpaceOnUse"
>
<stop offset=".061" stop-color="#fff" stop-opacity="0" />
<stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
<stop offset=".284" stop-color="#979797" stop-opacity=".237" />
<stop offset=".407" stop-color="#696969" stop-opacity=".369" />
<stop offset=".53" stop-color="#434343" stop-opacity=".499" />
<stop offset=".651" stop-color="#262626" stop-opacity=".628" />
<stop offset=".771" stop-color="#111" stop-opacity=".756" />
<stop offset=".888" stop-color="#040404" stop-opacity=".881" />
<stop offset="1" />
</linearGradient>
<circle cx="64" cy="64" r="64" fill="#44c4a1" />
<path
fill="url(#a)"
d="M83.1 33 35.7 99.7 66.6 128c29.8-1.2 54.4-22.8 60.1-51.3z"
opacity=".2"
/>
<path
fill="#3a556a"
d="M80.1 99.8H36.7c-1.7 0-3-1.3-3-3v-62c0-1.7 1.3-3 3-3h43.4c1.7 0 3 1.3 3 3v62c0 1.7-1.3 3-3 3z"
/>
<path
fill="#64798a"
d="M80.1 98H36.7c-1.7 0-3-1.3-3-3V33c0-1.7 1.3-3 3-3h43.4c1.7 0 3 1.3 3 3v62c0 1.6-1.3 3-3 3z"
/>
<path
fill="#ebf0f3"
d="M78.1 49.6H38.7c-.6 0-1 .4-1 1v42.2c0 .6.4 1 1 1h39.4c.6 0 1-.4 1-1V50.6c0-.6-.4-1-1-1zM78.1 34.2H38.7c-.6 0-1 .4-1 1v9.3c0 .6.4 1 1 1h39.4c.6 0 1-.4 1-1v-9.3c0-.5-.4-1-1-1z"
/>
<path
fill="#e56353"
d="M52.2 53.2h-9.8c-.6 0-1 .4-1 1v17.3c0 .6.4 1 1 1h9.8c.6 0 1-.4 1-1V54.2c0-.5-.5-1-1-1z"
/>
<path fill="#44c4a1" d="M61.5 53.2h14.4v2.7H61.5z" />
<g fill="#d5d6db">
<path
d="M56.5 61.5h19.4v2.7H56.5zM56.5 69.8h19.4v2.7H56.5zM41.7 78.1H76v2.7H41.7zM41.7 86.4H76v2.7H41.7z"
/>
</g>
<circle cx="43.1" cy="39.9" r="2.2" fill="#e56353" />
<circle cx="50.4" cy="39.9" r="2.2" fill="#f6c358" />
<circle cx="57.6" cy="39.9" r="2.2" fill="#27a2db" />
<path fill="#e56353" d="M94.3 93.1h-5.1V51.6l2.6-5.4 2.5 5.4z" />
<path fill="#ebf0f3" d="m94.3 51.6-2.5-5.4-2.6 5.4z" />
<g fill="#3a556a">
<path
d="m91.8 46.2-1.4 2.9h2.7zM89.2 93.1v3.8c0 .6.5 1.1 1.1 1.1h2.9c.6 0 1.1-.5 1.1-1.1v-3.8z"
/>
</g>
</svg>
More icons in the same style and category