Add icons to this collection by clicking the heart icon.
Development icon - also known as interface, gear, development, website, code, cogwheel, ui, programmation, seo and web, and refactoring. Created in a clean lineal color style with a white, silver, navy, 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="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M32.528 461.5h446.944v-390H32.528Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(843.61798 0 0 -843.61798 163.757 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffeadb" />
<stop offset=".001" stop-opacity="1" stop-color="#ffeadb" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(636.63654 0 0 -636.63654 -316.291 256)"
gradientUnits="userSpaceOnUse"
spreadMethod="pad"
>
<stop offset="0" stop-opacity="1" stop-color="#ffeadb" />
<stop offset=".001" stop-opacity="1" stop-color="#ffeadb" />
<stop offset="1" stop-opacity="1" stop-color="#d2deff" />
</linearGradient>
</defs>
<path
d="M177.108 512c-.255 0-.505-.001-.759-.003-77.124-.475-140.536-62.684-142.407-139.786-.924-38.04 12.978-72.822 36.334-98.984 18.618-20.855 27.962-48.325 27.02-76.267a194.13 194.13 0 0 1-.052-11.221C99.707 84.389 186.245.021 287.611 0h.151c105.132.064 190.34 85.31 190.34 190.457 0 77.074-45.784 143.448-111.637 173.424-25.667 11.682-45.762 32.645-56.39 58.766-21.316 52.386-72.716 89.324-132.754 89.353z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="url(#a)"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<g clip-path="url(#c)" opacity=".1">
<path
d="M0 0h-71.796a154.272 154.272 0 0 1 5.361 17.345l38.708 11.024a7.665 7.665 0 0 1 5.566 7.372v37.407a7.666 7.666 0 0 1-5.566 7.373l-38.708 11.024a154.253 154.253 0 0 1-17.916 43.241l19.579 35.171a7.665 7.665 0 0 1-1.278 9.148l-26.451 26.451a7.662 7.662 0 0 1-9.148 1.277l-35.171-19.578a154.253 154.253 0 0 1-43.241 17.916l-11.024 38.708a7.667 7.667 0 0 1-7.373 5.566h-37.407a7.665 7.665 0 0 1-7.372-5.566l-11.024-38.708c-14.317-3.512-27.841-9.025-40.288-16.2v49.782c0 5.536-4.488 10.024-10.024 10.024h-122.323c-5.536 0-10.023-4.488-10.023-10.024v-97.277c0-5.537 4.487-10.025 10.023-10.025h74.987a154.275 154.275 0 0 1-15.979-39.906l-38.708-11.024a7.665 7.665 0 0 1-5.565-7.373V35.741a7.664 7.664 0 0 1 5.565-7.372l38.708-11.024a154.283 154.283 0 0 1 17.916-43.241l-19.578-35.171a7.665 7.665 0 0 1 1.278-9.148l26.45-26.452a7.668 7.668 0 0 1 9.149-1.277l35.171 19.578a154.283 154.283 0 0 1 43.241-17.916l11.024-38.708a7.665 7.665 0 0 1 7.372-5.565h37.407a7.667 7.667 0 0 1 7.373 5.565l11.024 38.708a154.571 154.571 0 0 1 17.715 5.507v-16.527c0-5.536 4.488-10.024 10.024-10.024H0c5.536 0 10.024 4.488 10.024 10.024v97.278C10.024-4.488 5.536 0 0 0"
transform="translate(469.448 212.055)"
fill="#2626bc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<path
d="M0 0v37.407a7.665 7.665 0 0 1-5.565 7.372l-38.709 11.025a154.274 154.274 0 0 1-17.915 43.24l19.578 35.172a7.666 7.666 0 0 1-1.278 9.148l-26.451 26.451a7.664 7.664 0 0 1-9.148 1.277l-35.171-19.578A154.283 154.283 0 0 1-157.9 169.43l-11.024 38.708a7.667 7.667 0 0 1-7.372 5.566h-37.408a7.666 7.666 0 0 1-7.372-5.566L-232.1 169.43a154.283 154.283 0 0 1-43.241-17.916l-35.171 19.578a7.665 7.665 0 0 1-9.149-1.277l-26.45-26.451a7.666 7.666 0 0 1-1.278-9.148l19.578-35.172a154.277 154.277 0 0 1-17.916-43.24l-38.708-11.025A7.664 7.664 0 0 1-390 37.407V0a7.664 7.664 0 0 1 5.565-7.372l38.708-11.024a154.289 154.289 0 0 1 17.916-43.242l-19.578-35.171a7.666 7.666 0 0 1 1.278-9.148l26.45-26.451a7.667 7.667 0 0 1 9.149-1.277l35.171 19.578a154.283 154.283 0 0 1 43.241-17.916l11.024-38.708a7.666 7.666 0 0 1 7.372-5.565h37.408a7.667 7.667 0 0 1 7.372 5.565l11.024 38.708a154.283 154.283 0 0 1 43.241 17.916l35.171-19.578a7.665 7.665 0 0 1 9.148 1.277l26.451 26.451a7.666 7.666 0 0 1 1.278 9.148l-19.578 35.171a154.257 154.257 0 0 1 17.915 43.242L-5.565-7.372A7.665 7.665 0 0 1 0 0"
transform="translate(447.287 226.796)"
fill="#9fb0fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-62.26c0-5.53-4.49-10.02-10.02-10.02h-54.79c2.74 6.25 5.89 12.29 9.39 18.07L-75-19.04a7.68 7.68 0 0 0 1.28 9.15l26.45 26.45a7.68 7.68 0 0 0 9.15 1.28L-2.95-1.74C-1.98-1.15-.99-.57 0 0"
transform="translate(174.897 380.05)"
fill="#8399fe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-51.92 0-94 42.08-94 94s42.08 94 94 94 94-42.08 94-94S51.92 0 0 0"
transform="translate(252.287 151.5)"
fill="#ffc4df"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v37.407a7.665 7.665 0 0 1-5.565 7.372l-38.709 11.025a154.274 154.274 0 0 1-17.915 43.24l19.578 35.172a7.666 7.666 0 0 1-1.278 9.148l-26.451 26.451a7.664 7.664 0 0 1-9.148 1.277l-35.171-19.578A154.283 154.283 0 0 1-157.9 169.43l-11.024 38.708a7.667 7.667 0 0 1-7.372 5.566h-37.408a7.666 7.666 0 0 1-7.372-5.566L-232.1 169.43a154.283 154.283 0 0 1-43.241-17.916l-35.171 19.578a7.665 7.665 0 0 1-9.149-1.277l-26.45-26.451a7.666 7.666 0 0 1-1.278-9.148l19.578-35.172a154.277 154.277 0 0 1-17.916-43.24l-38.708-11.025A7.664 7.664 0 0 1-390 37.407V0a7.664 7.664 0 0 1 5.565-7.372l38.708-11.024a154.289 154.289 0 0 1 17.916-43.242l-19.578-35.171a7.666 7.666 0 0 1 1.278-9.148l26.45-26.451a7.667 7.667 0 0 1 9.149-1.277l35.171 19.578a154.283 154.283 0 0 1 43.241-17.916l11.024-38.708a7.666 7.666 0 0 1 7.372-5.565h37.408a7.667 7.667 0 0 1 7.372 5.565l11.024 38.708a154.283 154.283 0 0 1 43.241 17.916l35.171-19.578a7.665 7.665 0 0 1 9.148 1.277l26.451 26.451a7.666 7.666 0 0 1 1.278 9.148l-19.578 35.171a154.257 154.257 0 0 1 17.915 43.242L-5.565-7.372A7.665 7.665 0 0 1 0 0Z"
transform="translate(447.287 226.796)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-42.745 0-77.388 34.644-77.388 77.388 0 42.745 34.643 77.388 77.388 77.388 42.745 0 77.388-34.643 77.388-77.388C77.388 34.644 42.745 0 0 0"
transform="translate(252.287 168.112)"
fill="#ff7eb8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-64.624 0-117 52.376-117 117"
transform="translate(252.287 128.5)"
fill="none"
stroke="#d2deff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c64.624 0 117-52.377 117-117"
transform="translate(252.287 362.5)"
fill="none"
stroke="#d2deff"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.279 0-2.56.488-3.535 1.464L-15.57 13.5a5 5 0 0 0 0 7.071l12.035 12.035a5 5 0 0 0 7.07-7.071l-8.499-8.5 8.499-8.499A5 5 0 0 0 0 0"
transform="translate(228.906 228.465)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-3.535 8.536l8.499 8.499-8.499 8.5a5 5 0 1 0 7.07 7.071L15.57 20.571a5 5 0 0 0 0-7.071L3.535 1.464A4.983 4.983 0 0 0 0 0"
transform="translate(275.668 228.465)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a5 5 0 0 0-4.349 7.459L9.243 31.53a5 5 0 0 0 8.707-4.917L4.358 2.542A4.998 4.998 0 0 0 0 0"
transform="translate(245.486 228.464)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-122.322c-5.536 0-10.024 4.488-10.024 10.024v97.278c0 5.536 4.488 10.024 10.024 10.024H0c5.536 0 10.024-4.488 10.024-10.024V10.024C10.024 4.488 5.536 0 0 0"
transform="translate(164.875 322.506)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.161v-117.326H0c5.536 0 10.024 4.489 10.024 10.025v97.277C10.024-4.488 5.536 0 0 0"
transform="translate(164.875 439.832)"
fill="#dcfdee"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.721c0 5.536-4.488 10.024-10.024 10.024h-122.322c-5.536 0-10.024-4.488-10.024-10.024V0Z"
transform="translate(174.898 407.087)"
fill="#01eca5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-47.016C0-52.552 4.488-57.04 10.024-57.04h122.322c5.536 0 10.024 4.488 10.024 10.024v97.278c0 5.536-4.488 10.024-10.024 10.024H10.024C4.488 60.286 0 55.798 0 50.262V27.541"
transform="translate(32.528 379.546)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h142.37"
transform="translate(32.528 407.087)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-49.716a5.012 5.012 0 0 0 0 10.021H0A5.01 5.01 0 1 0 0 0"
transform="translate(110.571 345.91)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-22.651a5.011 5.011 0 1 0 0 10.021H0A5.01 5.01 0 1 0 0 0"
transform="translate(83.507 366.715)"
fill="#b7c5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-152.322c-5.536 0-10.024 4.488-10.024 10.024v97.278c0 5.536 4.488 10.024 10.024 10.024H0c5.536 0 10.024-4.488 10.024-10.024V10.024C10.024 4.488 5.536 0 0 0"
transform="translate(469.448 73.73)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v22.721c0 5.536-4.488 10.024-10.024 10.024h-152.322c-5.536 0-10.024-4.488-10.024-10.024V0Z"
transform="translate(479.472 158.31)"
fill="#02ffb3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.058c-5.536 0-10.024-4.488-10.024-10.024v-97.278c0-5.536 4.488-10.024 10.024-10.024h152.322c5.537 0 10.025 4.488 10.025 10.024v97.278C133.289-4.488 128.801 0 123.264 0H27.54"
transform="translate(346.183 191.055)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h172.37"
transform="translate(307.102 158.31)"
fill="none"
stroke="#2626bc"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.86-21.01 7.372 13.546 7.372-13.546L28.463 0"
transform="translate(336.253 127.02)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.86-21.01 7.372 13.546 7.372-13.546L28.463 0"
transform="translate(379.055 127.02)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 6.86-21.01 7.371 13.546 7.372-13.546L28.463 0"
transform="translate(421.856 127.02)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-10.994 10.994L0 21.988l10.994-10.994Z"
transform="translate(442.964 316.233)"
fill="none"
stroke="#ff7eb8"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.088-4.936-11.023-11.023-11.023C-4.936-11.023 0-15.959 0-22.047c0 6.088 4.936 11.024 11.023 11.024C4.936-11.023 0-6.088 0 0Z"
transform="translate(357.31 445.92)"
fill="none"
stroke="#dcfdee"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.088-4.936-11.023-11.023-11.023C-4.936-11.023 0-15.959 0-22.047c0 6.088 4.935 11.024 11.023 11.024C4.935-11.023 0-6.088 0 0Z"
transform="translate(63.287 185.706)"
fill="none"
stroke="#6583fe"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.088-4.936-11.023-11.024-11.023C-4.936-11.023 0-15.959 0-22.047c0 6.088 4.935 11.024 11.023 11.024C4.935-11.023 0-6.088 0 0Z"
transform="translate(55.845 131.995)"
fill="none"
stroke="#dcfdee"
stroke-width="10"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M-123.772 357.738c-23.697 9.237-43.717 26.09-55.96 48.382-20.59 37.486-60.431 62.898-106.222 62.898-47.529 0-88.645-27.377-108.477-67.22-12.145-24.401-32.813-43.56-58.09-53.761-37.349-15.074-68.702-49.524-78.652-103.383a49.263 49.263 0 0 1-.015-17.895c15.448-83.572 82.398-120.435 143.333-110.66 34.126 5.474 68.672-5.91 93.967-29.462 51.433-47.893 133.884-62.908 213.923-11.57 9.377 6.014 21.958 18.634 27.966 28.015 68.966 107.67 17.878 219.714-71.773 254.656"
fill="url(#e)"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category