Add icons to this collection by clicking the heart icon.
Writing icon - also known as computer, keyboard, writing, blog, blogging, seo and web, and files and folders. 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">
<stop offset="0" stop-color="#ff9811" />
<stop offset="1" stop-color="#ffb655" />
</linearGradient>
<linearGradient
id="d"
x1="19"
x2="19"
y1="28"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="45"
x2="45"
y1="28"
y2="0"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="32"
x2="32"
y1="64"
y2="36"
gradientUnits="userSpaceOnUse"
>
<stop offset=".016" stop-color="#ff5023" />
<stop offset="1" stop-color="#ff7956" />
</linearGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#ffc477" />
<stop offset="1" stop-color="#ffdaaa" />
</linearGradient>
<linearGradient
id="g"
x1="7"
x2="7"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="14"
x2="14"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="21"
x2="21"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="28"
x2="28"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="35"
x2="35"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="42"
x2="42"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="49"
x2="49"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="56.5"
x2="56.5"
y1="46"
y2="40"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="8.5"
x2="8.5"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="17"
x2="17"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="15"
x2="15"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="24"
x2="24"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="31"
x2="31"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="38"
x2="38"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="45"
x2="45"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="v"
x1="49"
x2="49"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="w"
x1="56.5"
x2="56.5"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="x"
x1="7.5"
x2="7.5"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="y"
x1="54.5"
x2="54.5"
y1="53"
y2="47"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="z"
x1="32"
x2="32"
y1="60"
y2="54"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#a71159" />
<stop offset="1" stop-color="#c61469" />
</linearGradient>
<linearGradient
id="A"
x1="45.5"
x2="45.5"
y1="8"
y2="6"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="B"
x1="45"
x2="45"
y1="11"
y2="9"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="C"
x1="45"
x2="45"
y1="14"
y2="12"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="D"
x1="45"
x2="45"
y1="17"
y2="15"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="E"
x1="45"
x2="45"
y1="20"
y2="18"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="F"
x1="45"
x2="45"
y1="23"
y2="21"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="G"
x1="19.5"
x2="19.5"
y1="8"
y2="6"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="H"
x1="19"
x2="19"
y1="11"
y2="9"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="I"
x1="19"
x2="19"
y1="14"
y2="12"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="J"
x1="19"
x2="19"
y1="17"
y2="15"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="K"
x1="19"
x2="19"
y1="20"
y2="18"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="L"
x1="19"
x2="19"
y1="23"
y2="21"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="M"
x1="32"
x2="32"
y1="36"
y2="28"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#d)"
d="m29.707 4.293-4-4A.997.997 0 0 0 25 0H9a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V5c0-.266-.106-.519-.293-.707z"
/>
<path
fill="url(#e)"
d="m55.707 3.293-3-3A.997.997 0 0 0 52 0H35a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-.293-.707z"
/>
<path
fill="url(#f)"
d="M61 36H3c-1.654 0-3 1.346-3 3v22c0 1.654 1.346 3 3 3h58c1.654 0 3-1.346 3-3V39c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#g)"
d="M5 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M12 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M19 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#j)"
d="M26 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M33 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M40 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#m)"
d="M47 46h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#n)"
d="M59 40h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#o)"
d="M5 53h7a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1z"
/>
<path
fill="url(#p)"
d="M15 47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#q)"
d="M17 54h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#r)"
d="M22 47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#s)"
d="M29 47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#t)"
d="M36 47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#u)"
d="M43 47a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#v)"
d="M51 54h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#w)"
d="M59 54h-5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#x)"
d="M10 54H5a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#y)"
d="M59 47h-9a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#z)"
d="M44 54H20a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path fill="url(#A)" d="M51 8H40a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#B)" d="M51 11H39a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#C)" d="M51 14H39a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#D)" d="M51 17H39a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#E)" d="M51 20H39a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#F)" d="M51 23H39a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#G)" d="M25 8H14a1 1 0 1 1 0-2h11a1 1 0 1 1 0 2z" />
<path fill="url(#H)" d="M25 11H13a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#I)" d="M25 14H13a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#J)" d="M25 17H13a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#K)" d="M25 20H13a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path fill="url(#L)" d="M25 23H13a1 1 0 1 1 0-2h12a1 1 0 1 1 0 2z" />
<path
fill="url(#M)"
d="M46 33a1 1 0 0 0 1-1v-4h-2v3H19v-3h-2v4a1 1 0 0 0 1 1h13v3h2v-3z"
/>
</svg>
More icons in the same style and category