Add icons to this collection by clicking the heart icon.
Writing icon - also known as computer, write, document, pencil, paper, pen, writing, report, and code. 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="24"
x2="24"
y1="2"
y2="66.995"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="56" x2="56" y1="2" y2="66.995" href="#a" />
<linearGradient id="c" x1="56" x2="56" y1="2.008" y2="67.003" href="#a" />
<linearGradient
id="d"
x1="11.854"
x2="11.854"
y1="2.008"
y2="67.003"
href="#a"
/>
<linearGradient
id="e"
x1="26.146"
x2="26.146"
y1="2.008"
y2="67.003"
href="#a"
/>
<linearGradient
id="f"
x1="19"
x2="19"
y1="2.008"
y2="67.003"
gradientTransform="rotate(76 19.004 15.999)"
href="#a"
/>
<linearGradient id="g" x1="10" x2="10" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="h" x1="27" x2="27" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="i" x1="21" x2="21" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="j" x1="38" x2="38" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="k" x1="24" x2="24" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="l" x1="35" x2="35" y1="2.008" y2="67.003" href="#a" />
<linearGradient id="m" x1="39" x2="39" y1="2.008" y2="67.003" href="#a" />
<path
fill="url(#a)"
d="M43 2H5a3 3 0 0 0-3 3v54a3 3 0 0 0 3 3h32a1 1 0 0 0 .707-.293l8-8A1 1 0 0 0 46 53V5a3 3 0 0 0-3-3zM4 59V5a1 1 0 0 1 1-1h38a1 1 0 0 1 1 1v47h-5a3 3 0 0 0-3 3v5H5a1 1 0 0 1-1-1zm38.586-5L38 58.586V55a1 1 0 0 1 1-1z"
/>
<path
fill="url(#b)"
d="M56 2a6.006 6.006 0 0 0-6 6v41a1 1 0 0 0 .077.385l5 12a1 1 0 0 0 1.846 0l5-12A1 1 0 0 0 62 49V8a6.006 6.006 0 0 0-6-6zm0 2a4 4 0 0 1 4 4v4h-8V8a4 4 0 0 1 4-4zm-4 44V14h8v34zm4 10.4L52.5 50h7z"
/>
<path fill="url(#c)" d="M55 18h2v2h-2z" />
<path fill="url(#b)" d="M55 22h2v20h-2z" />
<path
fill="url(#d)"
d="m14.293 22.707 1.414-1.414L10.414 16l5.293-5.293-1.414-1.414-6 6a1 1 0 0 0 0 1.414z"
/>
<path
fill="url(#e)"
d="m23.707 22.707 6-6a1 1 0 0 0 0-1.414l-6-6-1.414 1.414L27.586 16l-5.293 5.293z"
/>
<path
fill="url(#f)"
d="M10.754 15h16.492v1.999H10.754z"
transform="rotate(-76 19 16.004)"
/>
<path fill="url(#g)" d="M8 28h4v2H8z" />
<path fill="url(#h)" d="M14 28h26v2H14z" />
<path fill="url(#i)" d="M8 46h26v2H8z" />
<path fill="url(#j)" d="M36 46h4v2h-4z" />
<path fill="url(#k)" d="M8 34h32v2H8zM8 40h32v2H8z" />
<path fill="url(#l)" d="M34 8h2v2h-2z" />
<path fill="url(#m)" d="M38 8h2v2h-2z" />
<path fill="url(#l)" d="M34 12h2v2h-2z" />
<path fill="url(#m)" d="M38 12h2v2h-2z" />
<path fill="url(#l)" d="M34 16h2v2h-2z" />
<path fill="url(#m)" d="M38 16h2v2h-2z" />
<path fill="url(#l)" d="M34 20h2v2h-2z" />
<path fill="url(#m)" d="M38 20h2v2h-2z" />
</svg>
More icons in the same style and category