Add icons to this collection by clicking the heart icon.
Writing icon - also known as education, write, document, text, note, writing, memo, writing tool, ui, notepad, and text lines. 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="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 56 -56 0 224 452)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#dedbd7" />
<stop offset="1" stop-color="#b8b5b2" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#b8b5b2" />
<stop offset="1" stop-color="#8f8d8b" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 230 462)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 224 462)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 4 -4 0 220 462)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 147.256 226.917) scale(36.34)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#feb62c" />
<stop offset="1" stop-color="#e6a327" />
</linearGradient>
<linearGradient
id="g"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 12.343 -12.343 0 374 79.657)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3d65" />
<stop offset="1" stop-color="#e6375a" />
</linearGradient>
<linearGradient
id="h"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 118 226.254) scale(7.746)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd9a9" />
<stop offset="1" stop-color="#e6c297" />
</linearGradient>
<linearGradient
id="i"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(90 142 229.293) scale(21.707)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6a327" />
<stop offset="1" stop-color="#bf8821" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="M248 456a4 4 0 0 0-4-4h-40a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h40a4 4 0 0 0 4-4v-48z"
transform="translate(-196 -448)"
/>
<path
fill="url(#c)"
d="M246 464a2 2 0 0 0-2-2h-28a2 2 0 0 0 0 4h28a2 2 0 0 0 2-2z"
transform="translate(-202 -446)"
/>
<path
fill="url(#d)"
d="M234 464a2 2 0 0 0-2-2h-16a2 2 0 0 0 0 4h16a2 2 0 0 0 2-2z"
transform="translate(-202 -438)"
/>
<path
fill="url(#e)"
d="M226 464a2 2 0 0 0-2-2h-8a2 2 0 1 0 0 4h8a2 2 0 0 0 2-2z"
transform="translate(-202 -430)"
/>
<path
fill="url(#f)"
d="M346 116a2 2 0 0 1-2-2v-4.343a4 4 0 0 1 1.172-2.829l26-26a4 4 0 0 1 5.656 0l2.344 2.344a4 4 0 0 1 0 5.656l-26 26a4 4 0 0 1-2.829 1.172H346z"
transform="translate(-320 -64)"
/>
<path
fill="url(#g)"
d="m368 84 3.172-3.172a4 4 0 0 1 5.656 0l2.344 2.344a4 4 0 0 1 0 5.656L376 92z"
transform="translate(-320 -64)"
/>
<path
fill="url(#h)"
d="m344.254 108.254 7.492 7.492a4.011 4.011 0 0 1-1.403.254H346a2 2 0 0 1-2-2v-4.343c0-.484.088-.958.254-1.403z"
transform="translate(-320 -64)"
/>
<path
fill="url(#i)"
d="m371.293 87.293-20 20a1 1 0 0 0 1.414 1.414l20-20z"
transform="translate(-320 -64)"
/>
</g>
</svg>
More icons in the same style and category