Add icons to this collection by clicking the heart icon.
Writing icon - also known as education, writing, story, feather pen, and poem. Created in a clean flat 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 128 121"
>
<linearGradient id="a">
<stop offset="0" stop-color="#646464" />
<stop offset="1" stop-color="#484845" />
</linearGradient>
<linearGradient
id="c"
x1="12.387"
x2="12.387"
y1="121.26"
y2="100.615"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="57.807"
x2="57.807"
y1="121.26"
y2="1.518"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fffffe" />
<stop offset="1" stop-color="#b0bfc6" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#f98053" />
<stop offset="1" stop-color="#ea412c" />
</linearGradient>
<linearGradient
id="e"
x1="119.155"
x2="119.155"
y1="106.808"
y2="89.116"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="113.838"
x2="113.838"
y1="106.808"
y2="78.483"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="103.216"
x2="103.216"
y1="96.197"
y2="67.872"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="76.387"
x2="76.387"
y1="22.163"
y2="1.518"
gradientTransform="matrix(1 0 0 -1 0 122)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#c)"
d="M24.8 21.4H4c-2.2 0-4-1.8-4-4v-4.3C0 6.3 5.6.7 12.4.7s12.4 5.6 12.4 12.4z"
/>
<path
fill="url(#d)"
d="M103.2 22.3v-9.1C103.2 6.4 97.6.8 90.8.8H12.4c6.8 0 12.4 5.6 12.4 12.4v95c0 6.8 5.6 12.4 12.4 12.4s12.4-5.6 12.4-12.4l5-6.1 48.7-2.2V53.2"
/>
<path fill="url(#e)" d="m124.4 18.7-14.1-3.6 3.5 14.2 14.2 3.5z" />
<path
fill="url(#f)"
d="m113.8 29.4-3.5-14.2-10.6 10.6 3.6 14.2 14.1 3.6L128 32.9z"
/>
<path
fill="url(#g)"
d="M99.7 25.8 89.1 36.4l3.5 14.1 14.2 3.6 10.6-10.6-14.2-3.5z"
/>
<path
fill="#7394c1"
fill-rule="evenodd"
d="M72.3 16.7H35.1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h37.2c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5zm0 12.4H35.1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h37.2c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5zM35.1 41.5h37.2c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H35.1c-.8 0-1.5.7-1.5 1.5-.1.8.7 1.5 1.5 1.5zm35.1 12.4H35.1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h35.1c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5zM35.1 66.3h35.1c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H35.1c-.8 0-1.5.7-1.5 1.5-.1.8.7 1.5 1.5 1.5zm16.5 12.4H35.1c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h16.5c.8 0 1.5.7 1.5 1.5.1.8-.6 1.5-1.5 1.5zM35.1 91.1h16.5c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H35.1c-.8 0-1.5.7-1.5 1.5-.1.8.7 1.5 1.5 1.5zm57.8-12.4H76.4c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5h16.5c.8 0 1.5.7 1.5 1.5.1.8-.6 1.5-1.5 1.5zM76.4 91.1h16.5c.8 0 1.5-.7 1.5-1.5s-.7-1.5-1.5-1.5H76.4c-.8 0-1.5.7-1.5 1.5-.1.8.6 1.5 1.5 1.5z"
clip-rule="evenodd"
/>
<path
fill="#fb905d"
d="M122.7 18.3 77.3 63.7c-.6.6-.6 1.6 0 2.2.3.3.7.5 1.1.5s.8-.1 1.1-.5l45.4-45.4-.4-1.8z"
/>
<path
fill="url(#h)"
d="M53.5 99.8c-2.2 0-4 1.8-4 4v4.3c0 6.8-5.6 12.4-12.4 12.4h66.1c6.8 0 12.4-5.6 12.4-12.4v-4.3c0-2.2-1.8-4-4-4z"
/>
</svg>
More icons in the same style and category