Add icons to this collection by clicking the heart icon.
Web Development icon - also known as computer, web design, website, layout, browser, web development, concept, and seo and web. Created in a clean outline color style with a white, silver, gray, teal, 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="45"
y2="45"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<g>
<path
fill="#ccd3eb"
d="M60 11v28H4V11a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 5h44a6 6 0 0 1 6 6z"
/>
<path
fill="#f5f7ff"
d="M57 11v28H4V11a6 6 0 0 1 4-5.65A5.8 5.8 0 0 1 10 5h41a6 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 62H21.71l4.12-12h12.34z" />
<path fill="#0668cb" d="M44 63H20a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
<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="#f0f7fc" 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" />
<g fill="#ccd3eb">
<rect width="10" height="12" x="16" y="17" rx="1" />
<path
d="M48 30H31a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2zM48 26H31a1 1 0 0 1 0-2h17a1 1 0 0 1 0 2z"
/>
<rect width="17" height="4" x="31" y="17" rx="1" />
</g>
<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-3H11a3 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.7zM10 4a1 1 0 0 1 1-1h42a1 1 0 0 1 1 1v7H10zM8 7.44V33a3 3 0 0 0 3 3h42a3 3 0 0 0 3-3V23a1 1 0 0 0-2 0v10a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V13h44v1a1 1 0 0 0 2 0V7.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="M56 18a1 1 0 0 0-2 0v1a1 1 0 0 0 2 0z" />
<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="M31 6H14a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2z" />
</g>
<path
fill="#96a1c3"
d="M26 16H16a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V17a1 1 0 0 0-1-1zm-1 12h-8V18h8zM48 28H31a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM48 24H31a1 1 0 0 0 0 2h17a1 1 0 0 0 0-2zM48 16H31a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h17a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4H32v-2h15z"
/>
</g>
</svg>
More icons in the same style and category