Add icons to this collection by clicking the heart icon.
Web Coding icon - also known as computer, smartphone, mobile, code, coding, programing, responsive, 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="17"
x2="17"
y1="67.907"
y2="-1.715"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="25" x2="25" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="c" x1="33" x2="33" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="d" x1="13" x2="13" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="e" x1="21" x2="21" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="f" x1="29" x2="29" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="g" x1="11" x2="11" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="h" x1="35" x2="35" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="i" x1="19" x2="19" y1="67.907" y2="-1.715" href="#a" />
<linearGradient
id="j"
x1="11.5"
x2="11.5"
y1="67.907"
y2="-1.715"
href="#a"
/>
<linearGradient
id="k"
x1="16.5"
x2="16.5"
y1="67.907"
y2="-1.715"
href="#a"
/>
<linearGradient
id="l"
x1="21.5"
x2="21.5"
y1="67.907"
y2="-1.715"
href="#a"
/>
<linearGradient id="m" x1="32" x2="32" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="n" x1="50" x2="50" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="o" x1="44" x2="44" y1="67.907" y2="-1.715" href="#a" />
<linearGradient id="p" x1="56" x2="56" y1="67.907" y2="-1.715" href="#a" />
<path
fill="url(#a)"
d="M20 23v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 0a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#b)"
d="M25 26a3 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(#c)"
d="M33 18a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#d)"
d="M13 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#e)"
d="M21 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#f)"
d="M29 46a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#b)"
d="M25 35a3 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(#c)"
d="M33 27a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#g)"
d="M11 26a1 1 0 0 0 1-1v-6a1 1 0 0 0-2 0v6a1 1 0 0 0 1 1z"
/>
<path
fill="url(#h)"
d="M35 46a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path
fill="url(#d)"
d="M13 27a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path fill="url(#i)" d="M20 28a1 1 0 0 0-2 0v6a1 1 0 0 0 2 0z" />
<path
fill="url(#b)"
d="M28 42v-2a3 3 0 0 0-6 0v2a3 3 0 0 0 6 0zm-2 0a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#c)"
d="M33 37a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#d)"
d="M13 37a3 3 0 0 0-3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0-3-3zm1 5a1 1 0 0 1-2 0v-2a1 1 0 0 1 2 0z"
/>
<path
fill="url(#i)"
d="M19 37a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1z"
/>
<path fill="url(#j)" d="M12 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#k)" d="M17 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#l)" d="M22 10h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path
fill="url(#m)"
d="M58 22.1V9a3.009 3.009 0 0 0-3-3h-1V5a3.009 3.009 0 0 0-3-3H5a3.009 3.009 0 0 0-3 3v46a3.009 3.009 0 0 0 3 3h1v1a3.009 3.009 0 0 0 3 3h29.1a5.017 5.017 0 0 0 4.9 4h14a5 5 0 0 0 5-5V27a5.017 5.017 0 0 0-4-4.9zM55 8a1 1 0 0 1 1 1v5H8V9a1 1 0 0 1 1-1zM6 52H5a1 1 0 0 1-1-1V12h2zM6 9v1H4V5a1 1 0 0 1 1-1h46a1 1 0 0 1 1 1v1H9a3.009 3.009 0 0 0-3 3zm32 12v2a3.059 3.059 0 0 0 .57 1.73A4.957 4.957 0 0 0 38 27v29H9a1 1 0 0 1-1-1V16h48v6h-4v-3a1 1 0 0 0-2 0v3h-2v-3a1 1 0 0 0-2 0v3h-2v-1a3 3 0 0 0-3-3 3.009 3.009 0 0 0-3 3zm4 0v1.1a4.911 4.911 0 0 0-1.99.92C40 23.01 40 23.01 40 23v-2a1 1 0 0 1 1-1 .949.949 0 0 1 .71.31.928.928 0 0 1 .29.69zm18 36a3.009 3.009 0 0 1-3 3H43a3.009 3.009 0 0 1-3-3v-1h20zm0-3H40V30h20zm0-26H40v-1a3.009 3.009 0 0 1 3-3h14a3.009 3.009 0 0 1 3 3z"
/>
<path
fill="url(#n)"
d="M51 57h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM51 25h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z"
/>
<path
fill="url(#o)"
d="M46.707 37.293a1 1 0 0 0-1.414 0l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L43.414 42l3.293-3.293a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#p)"
d="m58.707 41.293-4-4a1 1 0 0 0-1.414 1.414L56.586 42l-3.293 3.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#n)"
d="M52.275 34.039a1 1 0 0 0-1.236.686l-4 14a1 1 0 0 0 .686 1.236A.977.977 0 0 0 48 50a1 1 0 0 0 .961-.725l4-14a1 1 0 0 0-.686-1.236z"
/>
</svg>
More icons in the same style and category