Add icons to this collection by clicking the heart icon.
Web Development icon - also known as web design, development, website, web development, coding, programing, programmer, and seo and web. 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="32"
x2="32"
y1="62.245"
y2="3.083"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="7.5" x2="7.5" y1="62.245" y2="3.083" href="#a" />
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient
id="e"
x1="39.5"
x2="39.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient
id="f"
x1="13.5"
x2="13.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient
id="g"
x1="26.5"
x2="26.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient id="h" x1="20" x2="20" y1="62.245" y2="3.083" href="#a" />
<linearGradient
id="i"
x1="49.5"
x2="49.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<linearGradient
id="j"
x1="22.5"
x2="22.5"
y1="62.245"
y2="3.083"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M59 2H5a3.009 3.009 0 0 0-3 3v54a3.009 3.009 0 0 0 3 3h54a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zM32 60H8V50h24zm0-12H8v-1a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1zm28 11a1 1 0 0 1-1 1H34v-4h4a1 1 0 0 0 1-1V36h3v7a3.009 3.009 0 0 0 3 3h15zm0-25h-6a1 1 0 0 0 0 2h6v8H45a1 1 0 0 1-1-1V26h16zm0-10H44v-1a1 1 0 0 1 1-1h15zm0-4H45a3.009 3.009 0 0 0-3 3v11h-3v-7a1 1 0 0 0-1-1h-4v-9a3.009 3.009 0 0 0-3-3H9a3.009 3.009 0 0 0-3 3v20a3.009 3.009 0 0 0 3 3h22a3.009 3.009 0 0 0 3-3v-9h3v26h-3v-7a3.009 3.009 0 0 0-3-3H9a3.009 3.009 0 0 0-3 3v13H5a1 1 0 0 1-1-1V12h56zM8 18v-1a1 1 0 0 1 1-1h22a1 1 0 0 1 1 1v1zm24 2v17a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V20zm28-10H4V5a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1z"
/>
<path fill="url(#b)" d="M8 6H7a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M12 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M16 6h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#e)" d="M57 6H22a1 1 0 0 0 0 2h35a1 1 0 0 0 0-2z" />
<path
fill="url(#f)"
d="m11.445 29.832 3 2a1 1 0 1 0 1.11-1.664L13.8 29l1.752-1.168a1 1 0 0 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664z"
/>
<path
fill="url(#g)"
d="M24.168 31.555a1 1 0 0 0 1.387.277l3-2a1 1 0 0 0 0-1.664l-3-2a1 1 0 0 0-1.11 1.664L26.2 29l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#h)"
d="M17.5 32.868A.988.988 0 0 0 18 33a1 1 0 0 0 .869-.5l4-7a1 1 0 1 0-1.736-.992l-4 7a1 1 0 0 0 .367 1.36z"
/>
<path
fill="url(#i)"
d="m47.445 35.832 3 2a1 1 0 1 0 1.11-1.664L49.8 35l1.752-1.168a1 1 0 1 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664z"
/>
<path
fill="url(#j)"
d="M16 54h13a1 1 0 0 0 0-2H16a1 1 0 0 0 0 2zM29 56H16a1 1 0 0 0 0 2h13a1 1 0 0 0 0-2z"
/>
<g fill="url(#c)">
<path
d="M12 52h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM12 56h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category