Add icons to this collection by clicking the heart icon.
Development icon - also known as interface, repair, construction, development, settings, website, ui, web page, programming, maintenance, seo and web, and web maintenance. Created in a clean lineal color style with a white, silver, gray, black, olive, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-30c0-11.046 8.954-20 20-20h277c11.046 0 20 8.954 20 20V0Z"
transform="translate(42.5 57.5)"
fill="#d8d8d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-30c0-11.05-8.95-20-20-20h-30c11.05 0 20 8.95 20 20v10h10C-8.95-20 0-11.05 0 0"
transform="translate(359.5 57.5)"
fill="#afafaf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-277c-11.046 0-20 8.954-20 20v357c0 11.046 8.954 20 20 20H0c11.046 0 20-8.954 20-20V20C20 8.954 11.046 0 0 0"
transform="translate(339.5 37.5)"
fill="#efefef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-357c0-11.05-8.95-20-20-20h-10V0c0 11.05-8.95 20-20 20h30C-8.95 20 0 11.05 0 0"
transform="translate(359.5 414.5)"
fill="#d8d8d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-327c0-2.76-2.24-5-5-5h-45c-2.76 0-5 2.24-5 5V0c0 2.76 2.24 5 5 5h45c2.76 0 5-2.24 5-5"
transform="translate(127.5 399.5)"
fill="#f2d67c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-162a5 5 0 0 0-5 5v94a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(324.5 67.5)"
fill="#aac9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v13.814c0 5.086-4.123 9.21-9.209 9.21h-2.452c-9.626 0-18.205 6-21.578 15.015a87.667 87.667 0 0 1-2.332 5.631c-4.003 8.797-2.235 19.138 4.599 25.973l1.734 1.734a9.208 9.208 0 0 1 0 13.024l-9.768 9.768a9.208 9.208 0 0 1-13.024 0l-1.735-1.734c-6.834-6.834-17.176-8.602-25.972-4.598a88.234 88.234 0 0 1-5.631 2.331c-9.015 3.373-15.015 11.952-15.015 21.578v2.452c0 5.086-4.124 9.209-9.21 9.209h-13.814c-5.086 0-9.21-4.123-9.21-9.209v-2.452c0-9.626-6-18.205-15.015-21.578a88.234 88.234 0 0 1-5.631-2.331c-8.797-4.004-19.138-2.236-25.972 4.598l-1.735 1.734a9.208 9.208 0 0 1-13.024 0l-9.768-9.768a9.208 9.208 0 0 1 0-13.024l1.734-1.735c6.834-6.834 8.602-17.175 4.599-25.972a87.667 87.667 0 0 1-2.332-5.631c-3.373-9.015-11.952-15.015-21.578-15.015h-2.452c-5.086 0-9.209-4.124-9.209-9.21V0c0-5.086 4.123-9.21 9.209-9.21h2.452c9.626 0 18.205-6 21.578-15.015a87.667 87.667 0 0 1 2.332-5.631c4.003-8.796 2.235-19.138-4.599-25.972l-1.734-1.735a9.208 9.208 0 0 1 0-13.024l9.768-9.768a9.208 9.208 0 0 1 13.024 0l1.735 1.734c6.834 6.834 17.176 8.602 25.972 4.599a87.667 87.667 0 0 1 5.631-2.332c9.015-3.373 15.015-11.952 15.015-21.578v-2.451a9.21 9.21 0 0 1 9.21-9.21h13.814a9.21 9.21 0 0 1 9.21 9.21v2.451c0 9.626 6 18.205 15.015 21.578a87.667 87.667 0 0 1 5.631 2.332c8.797 4.003 19.138 2.236 25.972-4.599l1.735-1.734c3.596-3.596 9.427-3.596 13.024 0l9.768 9.768a9.208 9.208 0 0 1 0 13.024l-1.734 1.735c-6.834 6.834-8.602 17.176-4.599 25.972a87.667 87.667 0 0 1 2.332 5.631C-29.866-15.21-21.287-9.21-11.661-9.21h2.452C-4.123-9.21 0-5.086 0 0"
transform="translate(469.5 381.093)"
fill="#ef9867"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-30.652 0-55.5 24.848-55.5 55.5S-30.652 111 0 111s55.5-24.848 55.5-55.5S30.652 0 0 0"
transform="translate(353 332.5)"
fill="#d16346"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-15.32-6.21-29.2-16.26-39.24C-26.3-49.29-40.18-55.5-55.5-55.5c-5.2 0-10.23.71-15 2.06 9.3 2.6 17.61 7.56 24.24 14.2C-36.21-29.2-30-15.32-30 0s-6.21 29.2-16.26 39.24a55.309 55.309 0 0 1-24.24 14.2c4.77 1.35 9.8 2.06 15 2.06 15.32 0 29.2-6.21 39.24-16.26C-6.21 29.2 0 15.32 0 0"
transform="translate(408.5 388)"
fill="#ba463a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.083 0-25.5 11.417-25.5 25.5S-14.083 51 0 51s25.5-11.417 25.5-25.5S14.083 0 0 0"
transform="translate(353 362.5)"
fill="#efefef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-44a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5"
transform="translate(206.5 291.5)"
fill="#aac9e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h110.68"
transform="translate(162.5 434.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-179c0-11.046-8.954-20-20-20h-277c-11.046 0-20 8.954-20 20v357c0 11.046 8.954 20 20 20h65"
transform="translate(359.5 236.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30c0-11.046-8.954-20-20-20h-277c-11.046 0-20 8.954-20 20V0"
transform="translate(359.5 57.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-45a5 5 0 0 0-5 5v327a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(122.5 67.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-162a5 5 0 0 0-5 5v94a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(324.5 67.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 168.178 101.689"
transform="translate(159.412 68.656)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 168.136-101.664"
transform="translate(159.454 170.319)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h22"
transform="translate(73 371)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 341)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 311)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h22"
transform="translate(73 281)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 251)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 221)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h22"
transform="translate(73 191)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 161)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h12"
transform="translate(73 131)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v13.814c0 5.086-4.123 9.21-9.209 9.21h-2.452c-9.626 0-18.205 6-21.578 15.015a87.667 87.667 0 0 1-2.332 5.631c-4.003 8.797-2.235 19.138 4.599 25.973l1.734 1.734a9.208 9.208 0 0 1 0 13.024l-9.768 9.768a9.208 9.208 0 0 1-13.024 0l-1.735-1.734c-6.834-6.834-17.176-8.602-25.972-4.598a88.234 88.234 0 0 1-5.631 2.331c-9.015 3.373-15.015 11.952-15.015 21.578v2.452c0 5.086-4.124 9.209-9.21 9.209h-13.814c-5.086 0-9.21-4.123-9.21-9.209v-2.452c0-9.626-6-18.205-15.015-21.578a88.234 88.234 0 0 1-5.631-2.331c-8.797-4.004-19.138-2.236-25.972 4.598l-1.735 1.734a9.208 9.208 0 0 1-13.024 0l-9.768-9.768a9.208 9.208 0 0 1 0-13.024l1.734-1.735c6.834-6.834 8.602-17.175 4.599-25.972a87.667 87.667 0 0 1-2.332-5.631c-3.373-9.015-11.952-15.015-21.578-15.015h-2.452c-5.086 0-9.209-4.124-9.209-9.21V0c0-5.086 4.123-9.21 9.209-9.21h2.452c9.626 0 18.205-6 21.578-15.015a87.667 87.667 0 0 1 2.332-5.631c4.003-8.796 2.235-19.138-4.599-25.972l-1.734-1.735a9.208 9.208 0 0 1 0-13.024l9.768-9.768a9.208 9.208 0 0 1 13.024 0l1.735 1.734c6.834 6.834 17.176 8.602 25.972 4.599a87.667 87.667 0 0 1 5.631-2.332c9.015-3.373 15.015-11.952 15.015-21.578v-2.451a9.21 9.21 0 0 1 9.21-9.21h13.814a9.21 9.21 0 0 1 9.21 9.21v2.451c0 9.626 6 18.205 15.015 21.578a87.667 87.667 0 0 1 5.631 2.332c8.797 4.003 19.138 2.236 25.972-4.599l1.735-1.734c3.596-3.596 9.427-3.596 13.024 0l9.768 9.768a9.208 9.208 0 0 1 0 13.024l-1.734 1.735c-6.834 6.834-8.602 17.176-4.599 25.972a87.667 87.667 0 0 1 2.332 5.631C-29.866-15.21-21.287-9.21-11.661-9.21h2.452C-4.123-9.21 0-5.086 0 0Z"
transform="translate(469.5 381.093)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-30.652 0-55.5 24.848-55.5 55.5v0C-55.5 86.152-30.652 111 0 111v0c30.652 0 55.5-24.848 55.5-55.5v0C55.5 24.848 30.652 0 0 0Z"
transform="translate(353 332.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h165"
transform="translate(157 201.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h146"
transform="translate(157 231.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h63"
transform="translate(157 261.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h33"
transform="translate(250 261.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-44a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5H0a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5Z"
transform="translate(206.5 291.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h22"
transform="translate(73 101)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-14.083 0-25.5 11.417-25.5 25.5v0C-25.5 39.583-14.083 51 0 51v0c14.083 0 25.5-11.417 25.5-25.5v0C25.5 11.417 14.083 0 0 0Z"
transform="translate(353 362.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category