Add icons to this collection by clicking the heart icon.
Writing icon - also known as pencil, heart, card, writing, and love and romance. 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="23"
x2="23"
y1="65.509"
y2="4.788"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="34" x2="34" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="c" x1="18" x2="18" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="d" x1="21" x2="21" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="e" x1="28" x2="28" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="f" x1="11" x2="11" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="g" x1="20" x2="20" y1="65.509" y2="4.788" href="#a" />
<linearGradient id="h" x1="24" x2="24" y1="65.509" y2="4.788" href="#a" />
<linearGradient
id="i"
x1="32.002"
x2="32.002"
y1="65.509"
y2="4.788"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M22.428 24.82a1 1 0 0 0 1.144 0C24.435 24.218 32 18.8 32 14a5.322 5.322 0 0 0-3.27-5.121 5.835 5.835 0 0 0-5.73.8 5.843 5.843 0 0 0-5.73-.8A5.322 5.322 0 0 0 14 14c0 4.8 7.565 10.218 8.428 10.82zm-4.393-14.092a3.528 3.528 0 0 1 1.362-.27 4.129 4.129 0 0 1 2.9 1.249 1 1 0 0 0 1.414 0 3.925 3.925 0 0 1 4.258-.979A3.338 3.338 0 0 1 30 14c0 2.933-4.618 6.986-7 8.766-2.382-1.78-7-5.833-7-8.766a3.338 3.338 0 0 1 2.035-3.272z"
/>
<path fill="url(#b)" d="M37 35h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M9 37h18a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M33 41H9a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2z" />
<path
fill="url(#e)"
d="M16 30a1 1 0 0 0 1 1h22a1 1 0 0 0 0-2H17a1 1 0 0 0-1 1z"
/>
<path fill="url(#f)" d="M9 31h4a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#g)" d="M31 53H9a1 1 0 0 0 0 2h22a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M31 47H17a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#f)" d="M9 49h4a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path
fill="url(#i)"
d="M61.83 14.6a5 5 0 0 0-9.16-1.2L46 24.95V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v58a1 1 0 0 0 1 1h42a1 1 0 0 0 1-1V44.95L61.33 18.4a4.955 4.955 0 0 0 .5-3.8zM50.9 20.46l1.72.99-12.28 21.3-2.73.73zm-14.55 27.7.14-2.31 3.8-1.02 1.02 3.8-1.93 1.28A6.228 6.228 0 0 0 38 48.8a5.946 5.946 0 0 0-1.65-.64zm1.32 2.88-1.55 1.02.11-1.86a4.018 4.018 0 0 1 .77.34 3.342 3.342 0 0 1 .67.5zM44 60H4V4h40v24.41l-9.33 16.16a1.016 1.016 0 0 0-.13.44L34 53.94a1.008 1.008 0 0 0 .5.93.983.983 0 0 0 .5.13 1.016 1.016 0 0 0 .55-.17l7.46-4.92a1.041 1.041 0 0 0 .32-.34l.67-1.16zm-1.2-13.52-.73-2.73 12.28-21.3 1.75 1.01zm14.3-24.76-5.2-3 1-1.73 5.2 3zm2.5-4.32-.5.86-5.2-3 .5-.86a2.943 2.943 0 0 1 1.82-1.4 3.006 3.006 0 0 1 3.68 2.12 3.032 3.032 0 0 1-.3 2.28z"
/>
</g>
</svg>
More icons in the same style and category