Add icons to this collection by clicking the heart icon.
Writing icon - also known as computer, education, file, document, pencil, monitor, online, pen, writing, learning, online education, and essay. 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="32"
x2="32"
y1="-2.107"
y2="66.738"
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="59" x2="59" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="c" x1="9" x2="9" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="d" x1="21" x2="21" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="e" x1="19" x2="19" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="f" x1="25" x2="25" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="g" x1="27" x2="27" y1="-2.107" y2="66.738" href="#a" />
<linearGradient id="h" x1="55" x2="55" y1="-2.107" y2="66.738" href="#a" />
<g>
<path
fill="url(#a)"
d="M57 2H17a3.009 3.009 0 0 0-3 3v3h-3a3.009 3.009 0 0 0-3 3v5H7a5 5 0 0 0-5 5v22a5 5 0 0 0 5 5h14v4h-3a3.009 3.009 0 0 0-3 3v2a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-2a3.009 3.009 0 0 0-3-3h-3v-4h14a4.949 4.949 0 0 0 3.73-1.71A3.994 3.994 0 0 0 54 44V14h7a1 1 0 0 0 1-1V7a5 5 0 0 0-5-5zm-47 9a1 1 0 0 1 1-1h29.56a3.906 3.906 0 0 0-.56 2v4H10zm30 7v9.13l-1.45-.96a.975.975 0 0 0-1.1 0l-1.45.96V18zm-8 36a1 1 0 0 1 1 1v1H17v-1a1 1 0 0 1 1-1zm-9-2v-4h4v4zm23-9a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-1h42zm0-3H4V21a3.009 3.009 0 0 1 3-3h27v11a.984.984 0 0 0 .53.88.963.963 0 0 0 1.02-.05L38 28.2l2.45 1.63A1 1 0 0 0 42 29V18h1a3.009 3.009 0 0 1 3 3zm0-22.97A4.924 4.924 0 0 0 43 16h-1v-4a2 2 0 0 1 4 0zM52 7v37a2 2 0 0 1-4 0V12a4 4 0 0 0-4-4H16V5a1 1 0 0 1 1-1h36.03A4.924 4.924 0 0 0 52 7zm8 5h-6V7a3 3 0 0 1 6 0z"
/>
<path
fill="url(#b)"
d="M59 18a3.009 3.009 0 0 0-3 3v32a.986.986 0 0 0 .03.24l2 8a1 1 0 0 0 1.94 0l2-8A.986.986 0 0 0 62 53V21a3.009 3.009 0 0 0-3-3zm0 38.88L58.28 54h1.44zM60 52h-2V30h2zm0-24h-2v-2h2zm0-4h-2v-3a1 1 0 0 1 2 0z"
/>
<path fill="url(#c)" d="M8 22h2v2H8z" />
<path fill="url(#d)" d="M12 22h18v2H12z" />
<path fill="url(#e)" d="M8 28h22v2H8z" />
<path fill="url(#f)" d="M8 34h34v2H8z" />
<path fill="url(#g)" d="M2 60h50v2H2z" />
<path fill="url(#h)" d="M54 60h2v2h-2z" />
</g>
</svg>
More icons in the same style and category