Add icons to this collection by clicking the heart icon.
Web Coding icon - also known as computer, laptop, code, coding, 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="62.837"
y2="-.368"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient
id="b"
x1="16.5"
x2="16.5"
y1="62.837"
y2="-.368"
href="#a"
/>
<linearGradient
id="c"
x1="20.5"
x2="20.5"
y1="62.837"
y2="-.368"
href="#a"
/>
<linearGradient
id="d"
x1="24.5"
x2="24.5"
y1="62.837"
y2="-.368"
href="#a"
/>
<linearGradient id="e" x1="20" x2="20" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="f" x1="44" x2="44" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="g" x1="26" x2="26" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="h" x1="38" x2="38" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="i" x1="46" x2="46" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="j" x1="24" x2="24" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="k" x1="40" x2="40" y1="62.837" y2="-.368" href="#a" />
<linearGradient id="l" x1="18" x2="18" y1="62.837" y2="-.368" href="#a" />
<g>
<path
fill="url(#a)"
d="M61 52h-1V17a5 5 0 0 0-5-5h-3V5a3.009 3.009 0 0 0-3-3H15a3.009 3.009 0 0 0-3 3v7H9a5 5 0 0 0-5 5v35H3a1 1 0 0 0-1 1v4a5 5 0 0 0 5 5h50a5 5 0 0 0 5-5v-4a1 1 0 0 0-1-1zM14 5a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1v3H14zm0 5h36v33a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1zm1 36h34a3.009 3.009 0 0 0 3-3V18h2v30H10V18h2v25a3.009 3.009 0 0 0 3 3zM6 17a3.009 3.009 0 0 1 3-3h3v2H9a1 1 0 0 0-1 1v32a1 1 0 0 0 1 1h46a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1h-3v-2h3a3.009 3.009 0 0 1 3 3v35H6zm31 37v1a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-1zm23 3a3.009 3.009 0 0 1-3 3H7a3.009 3.009 0 0 1-3-3v-3h21v1a3.009 3.009 0 0 0 3 3h8a3.009 3.009 0 0 0 3-3v-1h21z"
/>
<path fill="url(#b)" d="M17 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M21 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M25 5h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#e)"
d="M20 21a3 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(#a)"
d="M32 21a3 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(#f)"
d="M44 21a3 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 21a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M38 21a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M46 23a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM46 33a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#j)"
d="M21 26v2a3 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(#a)"
d="M32 31a3 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="M40 31a3 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(#a)"
d="M32 41a3 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="M40 41a3 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(#l)"
d="M18 31a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#e)"
d="M20 41a3 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 33a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category