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 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="49.96"
y2="39.96"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#54a5ff" />
<stop offset="1" stop-color="#8ad3fe" />
</linearGradient>
<linearGradient
id="a"
x1="32"
x2="32"
y1="39.96"
y2="6.04"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3e6f5" />
<stop offset="1" stop-color="#f0f7fc" />
</linearGradient>
<linearGradient id="c" x1="30" x2="34" y1="44.96" y2="44.96" href="#a" />
<linearGradient id="d" x1="9" x2="55" y1="7" y2="7" href="#b" />
<linearGradient id="e" x1="30" x2="51" y1="23.7" y2="23.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-6h46a6 6 0 0 1 5 6z"
/>
<path fill="#4795ea" d="M42.29 61.95H21.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">
<path
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"
/>
</g>
<path
fill="#4795ea"
d="M40 31h-8a2 2 0 0 1-1.41-.59l3.68-3.68a2 2 0 0 1 3.08.3L38 28z"
/>
<path
fill="url(#e)"
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="#4795ea"
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" />
</g>
</svg>
More icons in the same style and category