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 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 64 64"
>
<linearGradient
id="a"
x1="45.115"
x2="45.115"
y1="66.255"
y2="8.207"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1a125f" />
<stop offset=".205" stop-color="#423795" />
<stop offset=".681" stop-color="#ed1a58" />
<stop offset="1" stop-color="#54c2ef" />
</linearGradient>
<linearGradient
id="b"
x1="36.895"
x2="36.895"
y1="66.255"
y2="8.207"
href="#a"
/>
<linearGradient
id="c"
x1="38.83"
x2="38.83"
y1="66.255"
y2="8.207"
href="#a"
/>
<linearGradient id="d" x1="23" x2="23" y1="66.255" y2="8.207" href="#a" />
<linearGradient
id="e"
x1="49.085"
x2="49.085"
y1="66.255"
y2="8.207"
href="#a"
/>
<linearGradient
id="f"
x1="55"
x2="55"
y1="66.255"
y2="8.207"
gradientTransform="rotate(60 55.013 19.369)"
href="#a"
/>
<linearGradient id="g" x1="24" x2="24" y1="66.255" y2="8.207" href="#a" />
<linearGradient
id="h"
x1="56.95"
x2="56.95"
y1="66.255"
y2="8.207"
href="#a"
/>
<g>
<path fill="url(#a)" d="M50.9 20.46 37.61 43.48l2.73-.73 12.28-21.3z" />
<path
fill="url(#b)"
d="m36.12 52.06 1.55-1.02a3.342 3.342 0 0 0-.67-.5 4.018 4.018 0 0 0-.77-.34z"
/>
<path
fill="url(#c)"
d="m39.38 49.91 1.93-1.28-1.02-3.8-3.8 1.02-.14 2.31a5.946 5.946 0 0 1 1.65.64 6.228 6.228 0 0 1 1.38 1.11z"
/>
<path
fill="url(#d)"
d="M23 22.766c2.382-1.78 7-5.833 7-8.766a3.338 3.338 0 0 0-2.035-3.272 3.925 3.925 0 0 0-4.258.979 1 1 0 0 1-1.414 0 4.129 4.129 0 0 0-2.9-1.249 3.528 3.528 0 0 0-1.362.27A3.338 3.338 0 0 0 16 14c0 2.933 4.618 6.986 7 8.766z"
/>
<path fill="url(#e)" d="m54.35 22.45-12.28 21.3.73 2.73 13.3-23.02z" />
<path
fill="url(#f)"
d="M54.001 16.353h1.998v6.003h-1.998z"
transform="rotate(-60 55.02 19.353)"
/>
<path
fill="url(#g)"
d="M4 60h40V48.41l-.67 1.16a1.041 1.041 0 0 1-.32.34l-7.46 4.92A1.016 1.016 0 0 1 35 55a.983.983 0 0 1-.5-.13 1.008 1.008 0 0 1-.5-.93l.54-8.93a1.016 1.016 0 0 1 .13-.44L44 28.41V4H4zm33-23h-6a1 1 0 0 1 0-2h6a1 1 0 0 1 0 2zm3-7a1 1 0 0 1-1 1H17a1 1 0 0 1 0-2h22a1 1 0 0 1 1 1zM17.27 8.879a5.843 5.843 0 0 1 5.73.8 5.835 5.835 0 0 1 5.73-.8A5.322 5.322 0 0 1 32 14c0 4.8-7.565 10.218-8.428 10.82a1 1 0 0 1-1.144 0C21.565 24.218 14 18.8 14 14a5.322 5.322 0 0 1 3.27-5.121zM9 29h4a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm0 6h18a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm0 6h24a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm23 7a1 1 0 0 1-1 1H17a1 1 0 0 1 0-2h14a1 1 0 0 1 1 1zM9 47h4a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2zm0 6h22a1 1 0 0 1 0 2H9a1 1 0 0 1 0-2z"
/>
<path
fill="url(#h)"
d="m54.4 14.4-.5.86 5.2 3 .5-.86a3.032 3.032 0 0 0 .3-2.28A3.006 3.006 0 0 0 56.22 13a2.943 2.943 0 0 0-1.82 1.4z"
/>
</g>
</svg>
More icons in the same style and category