Add icons to this collection by clicking the heart icon.
Development icon - also known as computer, web, gears, gear, development, cogwheel, web programming, web development, programming, backend, and seo and web. Created in a clean flat style with a white, silver, gray, red, yellow, lime, green, orange, and pink finish, 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"
>
<g>
<path fill="#f2f2f2" d="M24 1c4 0 4 4 4 4v4H1V5a4 4 0 0 1 4-4z" />
<path fill="#3db6fd" d="M59 1a4 4 0 0 1 4 4v4H28V5s0-4-4-4z" />
<path fill="#dedede" d="M63 9v50a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V9z" />
<path
fill="#5acafa"
d="M32 3.5A2.5 2.5 0 0 0 34.5 6H63V5a4 4 0 0 0-4-4H29.5A2.5 2.5 0 0 1 32 3.5z"
/>
<circle cx="51" cy="5" r="1" fill="#fd5f53" />
<path
fill="#db392b"
d="M51 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 50 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 51 5z"
/>
<path
fill="#3db6fd"
d="M51 6a.985.985 0 0 1-.847-.5A.977.977 0 0 0 50 6a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 51 6zM55 6a.985.985 0 0 1-.847-.5A.977.977 0 0 0 54 6a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 55 6zM59 6a.985.985 0 0 1-.847-.5A.977.977 0 0 0 58 6a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 59 6z"
/>
<circle cx="55" cy="5" r="1" fill="#fcd22b" />
<circle cx="59" cy="5" r="1" fill="#16cd37" />
<path
fill="#ebad00"
d="M55 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 54 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 55 5z"
/>
<path
fill="#12a32c"
d="M59 5a.985.985 0 0 1-.847-.5A.977.977 0 0 0 58 5a1 1 0 0 0 2 0 .977.977 0 0 0-.153-.5A.985.985 0 0 1 59 5z"
/>
<rect width="17" height="2" x="4" y="4" fill="#b5b5b5" rx="1" />
<rect width="3" height="2" x="22" y="4" fill="#b5b5b5" rx="1" />
<path fill="#1c99eb" d="M30 8V5s0-4-4-4h-2c4 0 4 4 4 4v4h35V8z" />
<path
fill="#f2f2f2"
d="M59 61H5a2 2 0 0 1-2-2V9h58v50a2 2 0 0 1-2 2z"
/>
<path fill="#fff" d="M58 57h3V9H10a48 48 0 0 0 48 48z" />
<path
fill="#dedede"
d="M28 5s0-4-4-4H5a4 4 0 0 0-4 4v4h2V5a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v4h2z"
/>
<rect width="28" height="20" x="31" y="14" fill="#5acafa" rx="2" />
<rect width="28" height="20" x="5" y="38" fill="#5acafa" rx="2" />
<path
fill="#1c99eb"
d="M35 19v-5h-2a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-1H47a12 12 0 0 1-12-12zM9 43v-5H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h24a2 2 0 0 0 2-2v-1H21A12 12 0 0 1 9 43z"
/>
<path
fill="#dedede"
d="M57 13H33a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3V16a3 3 0 0 0-3-3zm2 19a2 2 0 0 1-2 2H33a2 2 0 0 1-2-2V16a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2zM31 37H7a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h24a3 3 0 0 0 3-3V40a3 3 0 0 0-3-3zm2 19a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V40a2 2 0 0 1 2-2h24a2 2 0 0 1 2 2z"
/>
<path
fill="#fff"
d="M39 30a1 1 0 0 1-.707-.293l-5-5a1 1 0 0 1 0-1.414l5-5a1 1 0 0 1 1.414 1.414L35.414 24l4.293 4.293A1 1 0 0 1 39 30zM51 30a1 1 0 0 1-.707-1.707L54.586 24l-4.293-4.293a1 1 0 0 1 1.414-1.414l5 5a1 1 0 0 1 0 1.414l-5 5A1 1 0 0 1 51 30z"
/>
<path
fill="#dedede"
d="M42 30a1 1 0 0 1-.877-1.479l6-11a1 1 0 0 1 1.756.958l-6 11A1 1 0 0 1 42 30z"
/>
<path
fill="#939393"
d="M27 26v-4h-2.231a8.943 8.943 0 0 0-1.156-2.785l1.579-1.579-2.828-2.828-1.579 1.579A8.943 8.943 0 0 0 18 15.231V13h-4v2.231a8.943 8.943 0 0 0-2.785 1.156l-1.579-1.579-2.828 2.828 1.579 1.579A8.943 8.943 0 0 0 7.231 22H5v4h2.231a8.943 8.943 0 0 0 1.156 2.785l-1.579 1.579 2.828 2.828 1.579-1.579A8.943 8.943 0 0 0 14 32.769V35h4v-2.231a8.943 8.943 0 0 0 2.785-1.156l1.579 1.579 2.828-2.828-1.579-1.579A8.943 8.943 0 0 0 24.769 26z"
/>
<path
fill="#696969"
d="M16 19a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 9a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="#b5b5b5"
d="M27 26v-4h-2.231a8.943 8.943 0 0 0-1.156-2.785l1.579-1.579-2.828-2.828-1.579 1.579A8.943 8.943 0 0 0 18 15.231V13h-4v2.231a8.943 8.943 0 0 0-2.785 1.156l-1.579-1.579-2.828 2.828 1.579 1.579A8.943 8.943 0 0 0 7.231 22H5v4h2.231a8.943 8.943 0 0 0 1.156 2.785l-1.579 1.579 2.828 2.828 1.579-1.579A8.943 8.943 0 0 0 14 32.769V35h4v-2.231a8.943 8.943 0 0 0 2.785-1.156l1.579 1.579 2.828-2.828-1.579-1.579A8.943 8.943 0 0 0 24.769 26zm-3.479 3.207-2.314 2.314-1.292-1.292a7.329 7.329 0 0 1-2.279.946V33h-3.272v-1.825a7.329 7.329 0 0 1-2.279-.946l-1.292 1.292-2.314-2.314 1.292-1.292a7.329 7.329 0 0 1-.946-2.279H7v-3.272h1.825a7.329 7.329 0 0 1 .946-2.279l-1.292-1.292 2.314-2.314 1.292 1.292a7.329 7.329 0 0 1 2.279-.946V15h3.272v1.825a7.329 7.329 0 0 1 2.279.946l1.292-1.292 2.314 2.314-1.292 1.292a7.329 7.329 0 0 1 .946 2.279H25v3.272h-1.825a7.329 7.329 0 0 1-.946 2.279z"
/>
<circle cx="16" cy="24" r="4" fill="#fff" />
<path
fill="#939393"
d="M59 50v-4h-2.231a8.943 8.943 0 0 0-1.156-2.785l1.579-1.579-2.828-2.828-1.579 1.579A8.943 8.943 0 0 0 50 39.231V37h-4v2.231a8.943 8.943 0 0 0-2.785 1.156l-1.579-1.579-2.828 2.828 1.579 1.579A8.943 8.943 0 0 0 39.231 46H37v4h2.231a8.943 8.943 0 0 0 1.156 2.785l-1.579 1.579 2.828 2.828 1.579-1.579A8.943 8.943 0 0 0 46 56.769V59h4v-2.231a8.943 8.943 0 0 0 2.785-1.156l1.579 1.579 2.828-2.828-1.579-1.579A8.943 8.943 0 0 0 56.769 50z"
/>
<path
fill="#696969"
d="M48 43a5 5 0 1 0 5 5 5 5 0 0 0-5-5zm0 9a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path
fill="#b5b5b5"
d="M59 50v-4h-2.231a8.943 8.943 0 0 0-1.156-2.785l1.579-1.579-2.828-2.828-1.579 1.579A8.943 8.943 0 0 0 50 39.231V37h-4v2.231a8.943 8.943 0 0 0-2.785 1.156l-1.579-1.579-2.828 2.828 1.579 1.579A8.943 8.943 0 0 0 39.231 46H37v4h2.231a8.943 8.943 0 0 0 1.156 2.785l-1.579 1.579 2.828 2.828 1.579-1.579A8.943 8.943 0 0 0 46 56.769V59h4v-2.231a8.943 8.943 0 0 0 2.785-1.156l1.579 1.579 2.828-2.828-1.579-1.579A8.943 8.943 0 0 0 56.769 50zm-3.479 3.207-2.314 2.314-1.292-1.292a7.329 7.329 0 0 1-2.279.946V57h-3.272v-1.825a7.329 7.329 0 0 1-2.279-.946l-1.292 1.292-2.314-2.314 1.292-1.292a7.329 7.329 0 0 1-.946-2.279H39v-3.272h1.825a7.329 7.329 0 0 1 .946-2.279l-1.292-1.292 2.314-2.314 1.292 1.292a7.329 7.329 0 0 1 2.279-.946V39h3.272v1.825a7.329 7.329 0 0 1 2.279.946l1.292-1.292 2.314 2.314-1.292 1.292a7.329 7.329 0 0 1 .946 2.279H57v3.272h-1.825a7.329 7.329 0 0 1-.946 2.279z"
/>
<g fill="#fff">
<circle cx="48" cy="48" r="4" />
<path
d="M10 43H8a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2zM30 43H14a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zM30 47H8a1 1 0 0 1 0-2h22a1 1 0 0 1 0 2zM30 51H8a1 1 0 0 1 0-2h22a1 1 0 0 1 0 2zM30 55H8a1 1 0 0 1 0-2h22a1 1 0 0 1 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category