Add icons to this collection by clicking the heart icon.
Web Coding icon - also known as computer, setting, development, code, web development, programming, web browser, 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="7"
x2="7"
y1="-.289"
y2="65.178"
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="11" x2="11" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="c" x1="15" x2="15" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="d" x1="47" x2="47" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="e" x1="32" x2="32" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="f" x1="45" x2="45" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="g" x1="9" x2="9" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="h" x1="12" x2="12" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="i" x1="22" x2="22" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="j" x1="25" x2="25" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="k" x1="17" x2="17" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="l" x1="30" x2="30" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="m" x1="19" x2="19" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="n" x1="14" x2="14" y1="-.289" y2="65.178" href="#a" />
<linearGradient id="o" x1="27" x2="27" y1="-.289" y2="65.178" href="#a" />
<g>
<path fill="url(#a)" d="M6 6h2v2H6z" />
<path fill="url(#b)" d="M10 6h2v2h-2z" />
<path fill="url(#c)" d="M14 6h2v2h-2z" />
<path fill="url(#d)" d="M46 6h2v2h-2z" />
<path
fill="url(#e)"
d="m61.124 41.008-3.919-.49q-.181-.489-.409-.975l2.429-3.122a1 1 0 0 0-.083-1.32L54.9 30.858a1 1 0 0 0-1.32-.083L52 32V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v48a1 1 0 0 0 1 1h29l-1.228 1.579a1 1 0 0 0 .083 1.32l4.245 4.243a1 1 0 0 0 1.32.083l3.123-2.425c.324.152.65.288.975.409l.49 3.919A1 1 0 0 0 42 62h6a1 1 0 0 0 .992-.876l.49-3.919c.325-.121.651-.257.975-.409l3.122 2.429a1 1 0 0 0 1.32-.083l4.243-4.242a1 1 0 0 0 .083-1.32L56.8 50.457q.228-.486.409-.975l3.919-.49A1 1 0 0 0 62 48v-6a1 1 0 0 0-.876-.992zM50 4v6H4V4zM4 12h46v21.012c-.173-.073-.345-.153-.518-.217l-.49-3.919A1 1 0 0 0 48 28h-6a1 1 0 0 0-.992.876l-.49 3.919q-.489.181-.975.409l-3.122-2.429a1 1 0 0 0-1.32.083L30.858 35.1a1 1 0 0 0-.083 1.32l2.425 3.123q-.228.486-.409.975l-3.919.49A1 1 0 0 0 28 42v6a1 1 0 0 0 .876.992l3.919.49c.064.173.144.345.217.518H4zm56 35.117-3.663.458a1 1 0 0 0-.831.7 10.984 10.984 0 0 1-.77 1.839 1 1 0 0 0 .1 1.079l2.272 2.92-2.999 2.987-2.92-2.272a1 1 0 0 0-1.079-.1 10.956 10.956 0 0 1-1.839.77 1 1 0 0 0-.7.831L47.117 60h-4.234l-.458-3.663a1 1 0 0 0-.7-.831 10.956 10.956 0 0 1-1.839-.77 1 1 0 0 0-1.079.1L35.891 57.1 32.9 54.109l2.272-2.92a1 1 0 0 0 .1-1.079 10.984 10.984 0 0 1-.77-1.839 1 1 0 0 0-.831-.7L30 47.117v-4.234l3.663-.458a1 1 0 0 0 .831-.7 10.984 10.984 0 0 1 .77-1.839 1 1 0 0 0-.1-1.079L32.9 35.891l2.991-2.991 2.92 2.272a1 1 0 0 0 1.079.1 10.984 10.984 0 0 1 1.839-.77 1 1 0 0 0 .7-.831L42.883 30h4.234l.458 3.663a1 1 0 0 0 .7.831 10.984 10.984 0 0 1 1.839.77 1 1 0 0 0 1.079-.1l2.92-2.272 2.987 2.999-2.272 2.92a1 1 0 0 0-.1 1.079 10.984 10.984 0 0 1 .77 1.839 1 1 0 0 0 .831.7l3.671.454z"
/>
<path
fill="url(#f)"
d="M45 36a9 9 0 1 0 9 9 9.011 9.011 0 0 0-9-9zm0 16a7 7 0 1 1 7-7 7.008 7.008 0 0 1-7 7z"
/>
<path fill="url(#g)" d="M8 17h2v6H8z" />
<path fill="url(#h)" d="M11 17h2v6h-2z" />
<path fill="url(#i)" d="M21 17h2v6h-2z" />
<path fill="url(#j)" d="M24 17h2v6h-2z" />
<path
fill="url(#k)"
d="M17 17a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#l)"
d="M30 23a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path fill="url(#g)" d="M8 25h2v6H8z" />
<path fill="url(#e)" d="M31 25h2v6h-2z" />
<path fill="url(#m)" d="M18 25h2v6h-2z" />
<path fill="url(#i)" d="M21 25h2v6h-2z" />
<path
fill="url(#n)"
d="M14 25a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#o)"
d="M30 28a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-3 1a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category