Add icons to this collection by clicking the heart icon.
Web Coding icon - also known as computer, code, coding, database, programing, seo and web, and web coding. 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="64.683"
y2="-4.404"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="54" x2="54" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="c" x1="40" x2="40" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="e" x1="44" x2="44" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="f" x1="18" x2="18" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="g" x1="26" x2="26" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="h" x1="34" x2="34" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="i" x1="46" x2="46" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="j" x1="50" x2="50" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="k" x1="12" x2="12" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="l" x1="14" x2="14" y1="64.683" y2="-4.404" href="#a" />
<linearGradient id="m" x1="20" x2="20" y1="64.683" y2="-4.404" href="#a" />
<linearGradient
id="n"
x1="11.5"
x2="11.5"
y1="64.683"
y2="-4.404"
href="#a"
/>
<linearGradient
id="o"
x1="15.5"
x2="15.5"
y1="64.683"
y2="-4.404"
href="#a"
/>
<linearGradient
id="p"
x1="19.5"
x2="19.5"
y1="64.683"
y2="-4.404"
href="#a"
/>
<path
fill="url(#a)"
d="M59 14h-1V5a3.009 3.009 0 0 0-3-3H9a3.009 3.009 0 0 0-3 3v9H5a3.009 3.009 0 0 0-3 3v30a3.009 3.009 0 0 0 3 3h20v4h-4a3.009 3.009 0 0 0-3 3v4a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-4a3.009 3.009 0 0 0-3-3h-4v-4h20a3.009 3.009 0 0 0 3-3V17a3.009 3.009 0 0 0-3-3zM8 5a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v5H8zm0 7h48v25a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1zm35 44a1 1 0 0 1 1 1v3H20v-3a1 1 0 0 1 1-1zm-16-2v-4h10v4zm33-7a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3h56zm0-5H4V17a1 1 0 0 1 1-1h1v21a3.009 3.009 0 0 0 3 3h46a3.009 3.009 0 0 0 3-3V16h1a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M55 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#c)"
d="M40 24a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#d)"
d="M52 24a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#c)"
d="M40 34a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M44 34a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M18 24a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#g)"
d="M26 24a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#h)"
d="M34 24a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#i)"
d="M46 24a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#j)"
d="M47 29v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-6 0zm2 0a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#g)"
d="M26 34a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#h)"
d="M34 34a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#k)"
d="M12 24a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M14 34a3 3 0 0 0 3-3v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 3 3zm-1-5a1 1 0 0 1 2 0v2a1 1 0 0 1-2 0z"
/>
<path
fill="url(#m)"
d="M20 26a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path fill="url(#n)" d="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#o)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#p)" d="M20 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
</svg>
More icons in the same style and category