Add icons to this collection by clicking the heart icon.
Web Development icon - also known as diagram, website, web development, 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="32"
x2="32"
y1="62.439"
y2="2.802"
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.439" y2="2.802" href="#a" />
<linearGradient
id="c"
x1="11.5"
x2="11.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient
id="d"
x1="15.5"
x2="15.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient
id="e"
x1="39.5"
x2="39.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient
id="f"
x1="16.5"
x2="16.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient
id="g"
x1="20.5"
x2="20.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient
id="h"
x1="24.5"
x2="24.5"
y1="62.439"
y2="2.802"
href="#a"
/>
<linearGradient id="i" x1="39" x2="39" y1="62.439" y2="2.802" href="#a" />
<g>
<path
fill="url(#a)"
d="M59 2H5a3.009 3.009 0 0 0-3 3v28a3.009 3.009 0 0 0 3 3h7v3a3.009 3.009 0 0 0 3 3h16v2H10a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1h-6v-2h20v2h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1h-6v-2h20v2h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V49a1 1 0 0 0-1-1h-6v-3a1 1 0 0 0-1-1H33v-2h16a3.009 3.009 0 0 0 3-3v-3h7a3.009 3.009 0 0 0 3-3V5a3.009 3.009 0 0 0-3-3zM16 60H4v-6h12zm0-10v2H4v-2zm44 10H48v-6h12zm0-10v2H48v-2zM38 60H26v-6h12zm0-10v2H26v-2zm12-11a1 1 0 0 1-1 1H15a1 1 0 0 1-1-1V24h36zm0-17H14v-3a1 1 0 0 1 1-1h34a1 1 0 0 1 1 1zm10 11a1 1 0 0 1-1 1h-7V19a3.009 3.009 0 0 0-3-3H15a3.009 3.009 0 0 0-3 3v15H5a1 1 0 0 1-1-1V12h56zm0-23H4V5a1 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="M17 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#g)" d="M21 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#h)" d="M25 19h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<path fill="url(#i)" d="M47 19H31a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z" />
</g>
</svg>
More icons in the same style and category