Add icons to this collection by clicking the heart icon.
Development icon - also known as web design, development, browser, web programming, coding, saas, seo and web, and software as service. Created in a clean outline color 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="c"
x1="32"
x2="32"
y1="59"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4d8e1" />
<stop offset="1" stop-color="#f3f4f5" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1="13"
y2="5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a0a6ba" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient
id="d"
x1="48.5"
x2="48.5"
y1="59"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#474f72" />
<stop offset="1" stop-color="#878c9f" />
</linearGradient>
<linearGradient
id="a"
x1="17.5"
x2="17.5"
y1="27"
y2="18"
gradientTransform="rotate(180 17.5 22.5)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#c3d2e7" />
</linearGradient>
<linearGradient id="e" x1="26.5" x2="26.5" y1="37" y2="32" href="#a" />
<linearGradient id="f" x1="17.5" x2="17.5" y1="37" y2="32" href="#a" />
<linearGradient id="g" x1="8.5" x2="8.5" y1="37" y2="32" href="#a" />
<linearGradient id="h" x1="6" x2="29" y1="52" y2="52" href="#b" />
<path fill="url(#c)" d="M63 59V5H1v54z" />
<path fill="#c7cdd8" d="M63 59v-2H1v2z" />
<path fill="url(#b)" d="M1 5h62v8H1z" />
<path fill="url(#d)" d="M34 13h29v46H34z" />
<path fill="#42455e" d="M35 57h28v2H35z" />
<path fill="url(#a)" d="M6 18h23v9H6z" transform="rotate(180 17.5 22.5)" />
<path fill="#5b8dc9" d="M29 27H6v-2h23z" />
<circle cx="26.5" cy="34.5" r="2.5" fill="url(#e)" />
<circle cx="17.5" cy="34.5" r="2.5" fill="url(#f)" />
<circle cx="8.5" cy="34.5" r="2.5" fill="url(#g)" />
<path fill="url(#h)" d="M6 50h23v4H6z" />
<path
d="M63 4H35V1a1 1 0 0 0-2 0v3H1a1 1 0 0 0-1 1v54a1 1 0 0 0 1 1h32v3a1 1 0 0 0 2 0v-3h28a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1zm-1 2v6H35V6zM2 6h31v6H2zm0 52V14h31v44zm33 0V14h27v44z"
/>
<path
d="M6 8a1 1 0 0 0 0 2 1 1 0 0 0 0-2zM11 8a1 1 0 0 0 0 2 1 1 0 0 0 0-2zM16 8a1 1 0 0 0 0 2 1 1 0 0 0 0-2zM29 17H6a1 1 0 0 0-1 1v9a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1v-9a1 1 0 0 0-1-1zm-1 9H7v-7h21zM26.5 31a3.5 3.5 0 1 0 3.5 3.5 3.5 3.5 0 0 0-3.5-3.5zm0 5a1.5 1.5 0 0 1 0-3 1.5 1.5 0 0 1 0 3zM17.5 38a3.5 3.5 0 1 0-3.5-3.5 3.5 3.5 0 0 0 3.5 3.5zm0-5a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zM8.5 38A3.5 3.5 0 1 0 5 34.5 3.5 3.5 0 0 0 8.5 38zm0-5a1.5 1.5 0 0 1 0 3 1.5 1.5 0 0 1 0-3zM29 40h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zM29 44h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zM15 42h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2zM15 46h5a1 1 0 0 0 0-2h-5a1 1 0 0 0 0 2zM6 42h5a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM6 46h5a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM29 49H6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h23a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4H7v-2h21zM41.29 26.71a1 1 0 0 0 1.42-1.42L39.41 22l3.3-3.29a1 1 0 0 0-1.42-1.42l-4 4a1 1 0 0 0 0 1.42zM55.71 17.29a1 1 0 0 0-1.42 1.42l3.3 3.29-3.3 3.29A1 1 0 0 0 55 27c.56 0 .3.12 4.71-4.29a1 1 0 0 0 0-1.42zM46.85 26.53l5-8a1 1 0 0 0-1.7-1.06l-5 8a1 1 0 0 0 1.7 1.06zM59 31H38a1 1 0 0 0 0 2h21a1 1 0 0 0 0-2zM38 38h14a1 1 0 0 0 0-2H38a1 1 0 0 0 0 2zM38 43h18a1 1 0 0 0 0-2H38a1 1 0 0 0 0 2zM59 46H38a1 1 0 0 0 0 2h21a1 1 0 0 0 0-2zM54 51H38a1 1 0 0 0 0 2h16a1 1 0 0 0 0-2z"
/>
</svg>
More icons in the same style and category