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="61.436"
y2="2.903"
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="11" x2="11" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="c" x1="15" x2="15" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="d" x1="49" x2="49" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="e" x1="53" x2="53" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="f" x1="16" x2="16" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="g" x1="12" x2="12" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="h" x1="20" x2="20" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="i" x1="24" x2="24" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="j" x1="28" x2="28" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="k" x1="36" x2="36" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="l" x1="40" x2="40" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="m" x1="44" x2="44" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="n" x1="48" x2="48" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="o" x1="52" x2="52" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="p" x1="13" x2="13" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="q" x1="17" x2="17" y1="61.436" y2="2.903" href="#a" />
<linearGradient id="r" x1="21" x2="21" y1="61.436" y2="2.903" href="#a" />
<linearGradient
id="s"
x1="23.354"
x2="23.354"
y1="61.436"
y2="2.903"
href="#a"
/>
<linearGradient
id="t"
x1="40.646"
x2="40.646"
y1="61.436"
y2="2.903"
href="#a"
/>
<linearGradient
id="u"
x2="32"
y1="61.436"
y2="2.903"
gradientTransform="rotate(74.03 32.015 27.018)"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M61.9 51.553 56 39.764V8a3 3 0 0 0-3-3H11a3 3 0 0 0-3 3v31.764L2.105 51.553A1 1 0 0 0 2 52v5a2 2 0 0 0 2 2h56a2 2 0 0 0 2-2v-5a1 1 0 0 0-.1-.447zM29 53h6v1h-6zM4.618 51l5-10h44.764l5 10zM10 15h44v24H10zm1-8h42a1 1 0 0 1 1 1v5H10V8a1 1 0 0 1 1-1zM4 57v-4h23v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h23v4z"
/>
<path fill="url(#b)" d="M10 47h2v2h-2z" />
<path fill="url(#c)" d="M14 47h2v2h-2z" />
<path fill="url(#a)" d="M18 47h28v2H18z" />
<path fill="url(#d)" d="M48 47h2v2h-2z" />
<path fill="url(#e)" d="M52 47h2v2h-2z" />
<path fill="url(#f)" d="M15 43h2v2h-2z" />
<path fill="url(#g)" d="M11 43h2v2h-2z" />
<path fill="url(#h)" d="M19 43h2v2h-2z" />
<path fill="url(#i)" d="M23 43h2v2h-2z" />
<path fill="url(#j)" d="M27 43h2v2h-2z" />
<path fill="url(#a)" d="M31 43h2v2h-2z" />
<path fill="url(#k)" d="M35 43h2v2h-2z" />
<path fill="url(#l)" d="M39 43h2v2h-2z" />
<path fill="url(#m)" d="M43 43h2v2h-2z" />
<path fill="url(#n)" d="M47 43h2v2h-2z" />
<path fill="url(#o)" d="M51 43h2v2h-2z" />
<path fill="url(#p)" d="M12 9h2v2h-2z" />
<path fill="url(#q)" d="M16 9h2v2h-2z" />
<path fill="url(#r)" d="M20 9h2v2h-2z" />
<path
fill="url(#s)"
d="m25.293 21.293-5 5a1 1 0 0 0 0 1.414l5 5 1.414-1.414L22.414 27l4.293-4.293z"
/>
<path
fill="url(#t)"
d="m38.707 21.293-1.414 1.414L41.586 27l-4.293 4.293 1.414 1.414 5-5a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#u)"
d="M24.72 26h14.56v2H24.72z"
transform="rotate(-74.03 32.02 27.012)"
/>
</g>
</svg>
More icons in the same style and category