Add icons to this collection by clicking the heart icon.
Web Development icon - also known as data, development, web development, coding, server, database, programing, 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="23.5"
x2="23.5"
y1="62.826"
y2="1.016"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<linearGradient id="b" x1="17" x2="17" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="c" x1="10" x2="10" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="d" x1="16" x2="16" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="e" x1="22" x2="22" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="f" x1="13" x2="13" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="g" x1="28" x2="28" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="h" x1="32" x2="32" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="i" x1="41" x2="41" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="j" x1="53" x2="53" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="k" x1="49" x2="49" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="l" x1="57" x2="57" y1="62.826" y2="1.016" href="#a" />
<linearGradient id="m" x1="33" x2="33" y1="62.826" y2="1.016" href="#a" />
<linearGradient
id="n"
x1="10.5"
x2="10.5"
y1="62.826"
y2="1.016"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M21.168 14.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.664L23.2 12l-1.752 1.168a1 1 0 0 0-.28 1.387z"
/>
<path
fill="url(#b)"
d="M14.5 15.868A.988.988 0 0 0 15 16a1 1 0 0 0 .869-.5l4-7a1 1 0 1 0-1.737-1l-4 7a1 1 0 0 0 .368 1.368z"
/>
<path fill="url(#c)" d="M9 20h2a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#d)" d="M9 24h14a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M15 20h14a1 1 0 0 0 0-2H15a1 1 0 0 0 0 2z" />
<path fill="url(#f)" d="M9 32h8a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M23 32a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2z" />
<path fill="url(#c)" d="M9 28h2a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M29 26H15a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#d)" d="M9 40h14a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#g)" d="M29 38h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path fill="url(#c)" d="M9 36h2a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2z" />
<path fill="url(#e)" d="M29 34H15a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M33 45h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2z" />
<path
fill="url(#i)"
d="M37 21h8a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h6v2h-6z"
/>
<path
fill="url(#j)"
d="M53 20a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M49 20a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M57 20a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M45 25h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-6v-2h6z"
/>
<path
fill="url(#j)"
d="M53 26a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#k)"
d="M49 26a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#l)"
d="M57 26a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<path
fill="url(#i)"
d="M37 11h8a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm1-4h6v2h-6z"
/>
<path
fill="url(#j)"
d="M53 10a1 1 0 0 0 1-1V7a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#k)"
d="M49 10a1 1 0 0 0 1-1V7a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#l)"
d="M57 10a1 1 0 0 0 1-1V7a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1z"
/>
<path
fill="url(#m)"
d="M62 5a3.009 3.009 0 0 0-3-3H35a3.01 3.01 0 0 0-2.82 2H9a5 5 0 0 0-5 5v36a5 5 0 0 0 5 5h16v6h-6a3.009 3.009 0 0 0-3 3v2a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1v-2a3.009 3.009 0 0 0-3-3h-6v-6h16a5 5 0 0 0 5-5V33.82A3.01 3.01 0 0 0 62 31v-6a2.974 2.974 0 0 0-.78-2 2.974 2.974 0 0 0 .78-2v-6a2.974 2.974 0 0 0-.78-2 2.974 2.974 0 0 0 .78-2zM45 58a1 1 0 0 1 1 1v1H18v-1a1 1 0 0 1 1-1zm-18-2v-6h10v6zm31-11a3.009 3.009 0 0 1-3 3H9a3.009 3.009 0 0 1-3-3v-1h52zm0-3H6V9a3.009 3.009 0 0 1 3-3h23v5a2.974 2.974 0 0 0 .78 2 2.974 2.974 0 0 0-.78 2v6a2.974 2.974 0 0 0 .78 2 2.974 2.974 0 0 0-.78 2v6a3.009 3.009 0 0 0 3 3h23zm2-11a1 1 0 0 1-1 1H35a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1zm0-10a1 1 0 0 1-1 1H35a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1zm0-10a1 1 0 0 1-1 1H35a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1z"
/>
<path
fill="url(#n)"
d="m8.445 12.832 3 2a1 1 0 1 0 1.11-1.664L10.8 12l1.752-1.168a1 1 0 0 0-1.11-1.664l-3 2a1 1 0 0 0 0 1.664z"
/>
</g>
</svg>
More icons in the same style and category