Add icons to this collection by clicking the heart icon.
Web Development icon - also known as computer, website, layout, web development, coding, programming language, seo and web, and coding language. Created in a clean outline color style with a white, silver, gray, blue, navy, and orange finish, 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="30"
x2="34"
y1="44.96"
y2="44.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<g>
<path
fill="#ccd3eb"
d="M60 12v28H4V12a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 6h44a6 6 0 0 1 6 6z"
/>
<path
fill="#f5f7ff"
d="M57 12v28H4V12a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 6h41a6 6 0 0 1 6 6z"
/>
<path fill="#96a1c3" d="M60 40v4a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6v-4z" />
<path fill="#647499" d="M42.29 61.95H21.71l4.12-12h12.34z" />
<path fill="url(#a)" d="M33 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="#0074ff" d="M55 4v8H9V4a2 2 0 0 1 2-2h42a2 2 0 0 1 2 2z" />
<path fill="#f5f7ff" d="M55 12v21a2 2 0 0 1-2 2H11a2 2 0 0 1-2-2V12z" />
<path fill="#d7e9f7" d="M49 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#4795ea" d="M43 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#eb7f58" d="M37 9a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#4795ea" d="M31 8H14a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2z" />
<path
fill="#b4cde1"
d="M15 28a1 1 0 0 1-.83-.45l-2-3a1 1 0 0 1 0-1.1l2-3a1 1 0 0 1 1.66 1.1L14.2 24l1.63 2.45a1 1 0 0 1-.28 1.38.94.94 0 0 1-.55.17zM23 28a.94.94 0 0 1-.55-.17 1 1 0 0 1-.28-1.38L23.8 24l-1.63-2.45a1 1 0 1 1 1.66-1.1l2 3a1 1 0 0 1 0 1.1l-2 3A1 1 0 0 1 23 28zM18 28.87a1.07 1.07 0 0 1-.25 0 1 1 0 0 1-.75-1.25l2-7.74a1 1 0 0 1 1.94.5l-2 7.74a1 1 0 0 1-.94.75z"
/>
<path
fill="#f5f7ff"
d="M40 31h-8a2 2 0 0 1-1.41-.59l3.68-3.68a2 2 0 0 1 3.08.3L38 28z"
/>
<path
fill="#0074ff"
d="M51 19v10a1.91 1.91 0 0 1-.56 1.37l-5.9-6.63a2 2 0 0 0-3 .05L38 28l-.65-1a2 2 0 0 0-3.08-.3l-3.68 3.68A2 2 0 0 1 30 29V19a2 2 0 0 1 2-2h17a2 2 0 0 1 2 2z"
/>
<path
fill="#f5f7ff"
d="M50.44 30.37A1.93 1.93 0 0 1 49 31h-9l-2-3 3.51-4.21a2 2 0 0 1 3-.05z"
/>
<path fill="#f0f7fc" d="M36 24a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" />
<path fill="#033c59" d="M33 44h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="#033c59"
d="M56 5.3V4a3 3 0 0 0-3-3h-4a1 1 0 0 0 0 2h4a1 1 0 0 1 1 1v7H10V4a1 1 0 0 1 1-1h29a1 1 0 0 0 0-2H11a3 3 0 0 0-3 3v1.3A7 7 0 0 0 3 12v32a7 7 0 0 0 7 7h14.43L21 61h-1a1 1 0 0 0 0 2h24a1 1 0 0 0 0-2h-1l-3.43-10H54a7 7 0 0 0 7-7V12a7 7 0 0 0-5-6.7zM54 13v20a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V13zM8 7.44V33a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3V7.44A4.94 4.94 0 0 1 59 12v27H5V12a4.94 4.94 0 0 1 3-4.56zM40.89 61H23.11l3.43-10h10.92zM54 49H10a5 5 0 0 1-5-5v-3h54v3a5 5 0 0 1-5 5z"
/>
<path fill="#033c59" d="M44 3h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z" />
<g fill="#f5f7ff">
<circle cx="49" cy="7" r="2" />
<circle cx="43" cy="7" r="2" />
<circle cx="37" cy="7" r="2" />
<path d="M14 6a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z" />
</g>
<g fill="#647499">
<path
d="M14.17 27.55A1 1 0 0 0 15 28a.94.94 0 0 0 .55-.17 1 1 0 0 0 .28-1.38L14.2 24l1.63-2.45a1 1 0 0 0-1.66-1.1l-2 3a1 1 0 0 0 0 1.1zM22.45 27.83A.94.94 0 0 0 23 28a1 1 0 0 0 .83-.45l2-3a1 1 0 0 0 0-1.1l-2-3a1 1 0 1 0-1.66 1.1L23.8 24l-1.63 2.45a1 1 0 0 0 .28 1.38zM17.75 28.84a1.07 1.07 0 0 0 .25 0 1 1 0 0 0 1-.75l2-7.74a1 1 0 0 0-1.94-.5l-2 7.74a1 1 0 0 0 .69 1.25z"
/>
</g>
<path
fill="#033c59"
d="M32 32h17a3 3 0 0 0 3-3V19a3 3 0 0 0-3-3H32a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3zm8.53-2-1.28-1.93 3-3.64a1 1 0 0 1 .76-.36.85.85 0 0 1 .75.34l5 5.59zm-2.4 0h-5.72L35 27.44a1 1 0 0 1 .81-.3 1 1 0 0 1 .73.45zM32 18h17a1 1 0 0 1 1 1v9.37l-4.71-5.29a3 3 0 0 0-2.24-1 3 3 0 0 0-2.28 1.08l-2.67 3.2a3 3 0 0 0-4.54-.36L31 28.59V19a1 1 0 0 1 1-1z"
/>
<circle cx="36" cy="22" r="2" fill="#f5f7ff" />
</g>
</svg>
More icons in the same style and category