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 flat gradient style with a white, silver, gray, teal, 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="b"
x1="32"
x2="32"
y1="50"
y2="40"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="40"
y2="6.09"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient id="c" x1="30" x2="34" y1="45" y2="45" href="#a" />
<linearGradient id="d" x1="9" x2="55" y1="7" y2="7" href="#b" />
<g>
<path fill="url(#b)" d="M60 40v4a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6v-4z" />
<path
fill="url(#a)"
d="M60 12v28H4V12a6 6 0 0 1 5-5.91h46A6 6 0 0 1 60 12z"
/>
<path fill="#4795ea" d="M42.29 62H21.71l4.12-12h12.34z" />
<path fill="#0668cb" d="M44 62H20a1 1 0 0 1 0-2h24a1 1 0 0 1 0 2z" />
<path fill="url(#c)" d="M33 46h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#d)" 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="#b4cde1">
<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>
</g>
</svg>
More icons in the same style and category