Add icons to this collection by clicking the heart icon.
Development icon - also known as screen, data, monitor, web design, gear, development, service, code, programming, hosting, coding, ladder, 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="63.717"
y2="-.338"
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="9" x2="9" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="c" x1="13" x2="13" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="d" x1="17" x2="17" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="e" x1="43" x2="43" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="f" x1="19" x2="19" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="g" x1="34" x2="34" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="h" x1="45" x2="45" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="i" x1="37" x2="37" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="j" x1="48" x2="48" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="k" x1="35" x2="35" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="l" x1="42" x2="42" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="m" x1="49" x2="49" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="n" x1="21" x2="21" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="o" x1="12" x2="12" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="p" x1="14" x2="14" y1="63.717" y2="-.338" href="#a" />
<linearGradient id="q" x1="23" x2="23" y1="63.717" y2="-.338" href="#a" />
<path
fill="url(#a)"
d="M57 2H7a5.006 5.006 0 0 0-5 5v50a5.006 5.006 0 0 0 5 5h50a5.006 5.006 0 0 0 5-5V7a5.006 5.006 0 0 0-5-5zM7 4h50a3 3 0 0 1 3 3v3H4V7a3 3 0 0 1 3-3zm50 56H7a3 3 0 0 1-3-3V12h56v45a3 3 0 0 1-3 3z"
/>
<path fill="url(#b)" d="M8 6h2v2H8z" />
<path fill="url(#c)" d="M12 6h2v2h-2z" />
<path fill="url(#d)" d="M16 6h2v2h-2z" />
<path
fill="url(#e)"
d="M49 32H37a1 1 0 0 0-.957.709l-7 23 1.914.582L37 36.434l6.043 19.857 1.914-.582L43.828 52h9.909l1.306 4.291 1.914-.582-7-23A1 1 0 0 0 49 32zm-8.824 8h9.909l1.215 4h-9.91zm9.3-2h-9.91l-1.218-4h9.91zm-6.257 12L42 46h9.909l1.218 4z"
/>
<path
fill="url(#f)"
d="M29 30a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-2.584l-.051-.123 1.827-1.827a1 1 0 0 0 0-1.414l-2.828-2.828a1.029 1.029 0 0 0-1.414 0l-1.827 1.827-.123-.051V17a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v2.584l-.123.051-1.827-1.827a1 1 0 0 0-1.414 0l-2.828 2.828a1 1 0 0 0 0 1.414l1.827 1.827-.051.123H9a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.584l.051.123-1.827 1.827a1 1 0 0 0 0 1.414l2.828 2.828a1.029 1.029 0 0 0 1.414 0l1.827-1.827.123.051V37a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2.584l.123-.051 1.827 1.827a1 1 0 0 0 1.414 0l2.828-2.828a1 1 0 0 0 0-1.414l-1.827-1.827.051-.123zm-4.549 1.037 1.62 1.62-1.414 1.414-1.62-1.62a1 1 0 0 0-1.183-.172 5.987 5.987 0 0 1-1.139.469 1 1 0 0 0-.715.958V36h-2v-2.294a1 1 0 0 0-.715-.958 5.987 5.987 0 0 1-1.139-.469 1 1 0 0 0-1.183.172l-1.62 1.62-1.414-1.414 1.62-1.62a1 1 0 0 0 .172-1.183 5.987 5.987 0 0 1-.469-1.139 1 1 0 0 0-.958-.715H10v-2h2.294a1 1 0 0 0 .958-.715 5.987 5.987 0 0 1 .469-1.139 1 1 0 0 0-.172-1.183l-1.62-1.62 1.414-1.414 1.62 1.62a1 1 0 0 0 1.183.172 5.987 5.987 0 0 1 1.139-.469 1 1 0 0 0 .715-.958V18h2v2.294a1 1 0 0 0 .715.958 5.987 5.987 0 0 1 1.139.469 1 1 0 0 0 1.183-.172l1.62-1.62 1.414 1.414-1.62 1.62a1 1 0 0 0-.172 1.183 5.987 5.987 0 0 1 .469 1.139 1 1 0 0 0 .958.715H28v2h-2.294a1 1 0 0 0-.958.715 5.987 5.987 0 0 1-.469 1.139 1 1 0 0 0 .172 1.183z"
/>
<path
fill="url(#f)"
d="M19 23a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
<path fill="url(#g)" d="M32 16h4v2h-4z" />
<path fill="url(#h)" d="M38 16h14v2H38z" />
<path fill="url(#i)" d="M32 20h10v2H32z" />
<path fill="url(#j)" d="M44 20h8v2h-8z" />
<path fill="url(#k)" d="M32 24h6v2h-6z" />
<path fill="url(#l)" d="M40 24h4v2h-4z" />
<path fill="url(#m)" d="M46 24h6v2h-6z" />
<path fill="url(#b)" d="M8 40h2v2H8z" />
<path fill="url(#c)" d="M12 40h2v2h-2z" />
<path fill="url(#d)" d="M16 40h2v2h-2z" />
<path fill="url(#n)" d="M20 40h2v2h-2z" />
<path fill="url(#o)" d="M8 44h8v2H8z" />
<path fill="url(#f)" d="M18 44h2v2h-2z" />
<path fill="url(#p)" d="M8 48h12v2H8z" />
<path fill="url(#q)" d="M22 48h2v2h-2z" />
</svg>
More icons in the same style and category