Add icons to this collection by clicking the heart icon.
Development icon - also known as screen, data, monitor, web design, development, code, programming, hosting, coding, 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="60.585"
y2="4.827"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="15" x2="15" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="c" x1="19" x2="19" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="d" x1="45" x2="45" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="e" x1="49" x2="49" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="f" x1="20" x2="20" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="g" x1="16" x2="16" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="h" x1="24" x2="24" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="i" x1="28" x2="28" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="j" x1="36" x2="36" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="k" x1="40" x2="40" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="l" x1="44" x2="44" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="m" x1="48" x2="48" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="n" x1="17" x2="17" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="o" x1="21" x2="21" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="p" x1="25" x2="25" y1="60.585" y2="4.827" href="#a" />
<linearGradient
id="q"
x1="29.172"
x2="29.172"
y1="60.585"
y2="4.827"
gradientTransform="rotate(45 29.178 24.168)"
href="#a"
/>
<linearGradient
id="r"
x1="29.172"
x2="29.172"
y1="60.585"
y2="4.827"
gradientTransform="rotate(45 29.18 29.825)"
href="#a"
/>
<linearGradient
id="s"
x1="34.828"
x2="34.828"
y1="60.585"
y2="4.827"
gradientTransform="rotate(45 34.837 29.824)"
href="#a"
/>
<linearGradient
id="t"
x1="34.828"
x2="34.828"
y1="60.585"
y2="4.827"
gradientTransform="rotate(45 34.836 24.167)"
href="#a"
/>
<linearGradient id="u" x1="60" x2="60" y1="60.585" y2="4.827" href="#a" />
<linearGradient id="v" x1="4" x2="4" y1="60.585" y2="4.827" href="#a" />
<path
fill="url(#a)"
d="M52 37.764V33h4v-2h-4v-8h4a1 1 0 0 0 .707-.293l3-3A1 1 0 0 0 60 19v-3h-2v2.586L55.586 21H52V10a3 3 0 0 0-3-3H15a3 3 0 0 0-3 3v11H8.414L6 18.586V16H4v3a1 1 0 0 0 .293.707l3 3A1 1 0 0 0 8 23h4v8H8v2h4v4.764L6.105 49.553A1 1 0 0 0 6 50v5a2 2 0 0 0 2 2h48a2 2 0 0 0 2-2v-5a1 1 0 0 0-.1-.447zM29 51h6v1h-6zM8.618 49l5-10h36.764l5 10zM15 9h34a1 1 0 0 1 1 1v5H14v-5a1 1 0 0 1 1-1zm-1 22v-8h4v-2h-4v-4h36v4h-4v2h4v8h-4v2h4v4H14v-4h4v-2zM8 55v-4h19v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h19v4z"
/>
<path fill="url(#b)" d="M14 45h2v2h-2z" />
<path fill="url(#c)" d="M18 45h2v2h-2z" />
<path fill="url(#a)" d="M22 45h20v2H22z" />
<path fill="url(#d)" d="M44 45h2v2h-2z" />
<path fill="url(#e)" d="M48 45h2v2h-2z" />
<path fill="url(#f)" d="M19 41h2v2h-2z" />
<path fill="url(#g)" d="M15 41h2v2h-2z" />
<path fill="url(#h)" d="M23 41h2v2h-2z" />
<path fill="url(#i)" d="M27 41h2v2h-2z" />
<path fill="url(#a)" d="M31 41h2v2h-2z" />
<path fill="url(#j)" d="M35 41h2v2h-2z" />
<path fill="url(#k)" d="M39 41h2v2h-2z" />
<path fill="url(#l)" d="M43 41h2v2h-2z" />
<path fill="url(#m)" d="M47 41h2v2h-2z" />
<path fill="url(#n)" d="M16 11h2v2h-2z" />
<path fill="url(#o)" d="M20 11h2v2h-2z" />
<path fill="url(#p)" d="M24 11h2v2h-2z" />
<path fill="url(#a)" d="M31 22h2v2h-2z" />
<path
fill="url(#q)"
d="M28.172 23.171h2v2h-2z"
transform="rotate(-45 29.17 24.179)"
/>
<path fill="url(#i)" d="M27 26h2v2h-2z" />
<path
fill="url(#r)"
d="M28.171 28.828h2v2h-2z"
transform="rotate(-45 29.168 29.836)"
/>
<path fill="url(#a)" d="M31 30h2v2h-2z" />
<path
fill="url(#s)"
d="M33.828 28.828h2v2h-2z"
transform="rotate(-45 34.826 29.837)"
/>
<path fill="url(#j)" d="M35 26h2v2h-2z" />
<path
fill="url(#t)"
d="M33.828 23.172h2v2h-2z"
transform="rotate(-45 34.826 24.18)"
/>
<g fill="url(#u)">
<path d="M58 8h4v2h-4zM58 12h4v2h-4zM58 31h4v2h-4zM58 35h4v2h-4z" />
</g>
<path fill="url(#v)" d="M2 8h4v2H2zM2 12h4v2H2zM2 31h4v2H2zM2 35h4v2H2z" />
</svg>
More icons in the same style and category