Add icons to this collection by clicking the heart icon.
Web Development icon - also known as wrench, repair, rule, web, gear, development, settings, ui, web development, cog, and maintenance. Created in a clean outline color style with a white, silver, gray, red, and orange 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 fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<g transform="translate(-192 -192)">
<path
fill="#f8f4f0"
d="M252 200a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v48a4 4 0 0 0 4 4h48a4 4 0 0 0 4-4z"
/>
<path
fill="#4b67ca"
d="M252 200a4 4 0 0 0-4-4h-48a4 4 0 0 0-4 4v12h56z"
/>
<circle
cx="204"
cy="76"
r="2"
fill="#61de9c"
transform="translate(-2 128)"
/>
<circle
cx="204"
cy="76"
r="2"
fill="#feb62c"
transform="translate(6 128)"
/>
<circle
cx="204"
cy="76"
r="2"
fill="#ff3d65"
transform="translate(14 128)"
/>
<path
fill="#f8f4f0"
d="M248 204a2 2 0 0 0-2-2h-20a2 2 0 0 0 0 4h20a2 2 0 0 0 2-2z"
/>
<path
fill="#61de9c"
d="M225.909 217.179a1.4 1.4 0 0 0-1.328-1.243 18.712 18.712 0 0 0-1.312.004 1.399 1.399 0 0 0-1.325 1.24c-.056.477-.117 1.026-.17 1.486a1.4 1.4 0 0 1-1.04 1.199c-.447.114-.887.257-1.316.424a1.395 1.395 0 0 1-1.542-.358c-.316-.338-.688-.746-1.012-1.102a1.4 1.4 0 0 0-1.805-.225c-.362.246-.716.504-1.06.774a1.398 1.398 0 0 0-.342 1.781c.235.42.508.901.736 1.302a1.4 1.4 0 0 1-.138 1.583c-.293.354-.565.729-.815 1.117-.311.488-.89.733-1.457.617-.455-.09-.996-.201-1.467-.297a1.4 1.4 0 0 0-1.593.878 17.91 17.91 0 0 0-.4 1.25 1.396 1.396 0 0 0 .768 1.641c.436.202.94.43 1.361.622a1.4 1.4 0 0 1 .819 1.36c-.03.46-.03.922-.004 1.383a1.394 1.394 0 0 1-.816 1.355c-.42.195-.924.424-1.361.623a1.399 1.399 0 0 0-.772 1.646c.121.42.257.836.41 1.247a1.397 1.397 0 0 0 1.587.877c.472-.094 1.013-.206 1.466-.299a1.4 1.4 0 0 1 1.461.62c.248.39.52.764.81 1.121.369.447.423 1.074.138 1.577-.225.404-.498.885-.736 1.304a1.399 1.399 0 0 0 .343 1.785c.346.267.7.525 1.065.767a1.395 1.395 0 0 0 1.8-.224c.326-.353.698-.76 1.01-1.102a1.402 1.402 0 0 1 1.546-.359c.43.171.87.314 1.316.432.56.144.973.62 1.037 1.196.056.459.117 1.008.17 1.486a1.4 1.4 0 0 0 1.328 1.243c.437.013.875.013 1.312-.004a1.399 1.399 0 0 0 1.325-1.24c.056-.477.117-1.026.17-1.486a1.4 1.4 0 0 1 1.04-1.199c.447-.114.887-.257 1.316-.424a1.395 1.395 0 0 1 1.542.358c.316.338.688.746 1.012 1.102a1.4 1.4 0 0 0 1.805.225c.362-.246.716-.504 1.06-.774.535-.43.68-1.184.342-1.781-.235-.42-.508-.901-.736-1.302a1.4 1.4 0 0 1 .138-1.583c.293-.354.565-.729.815-1.117.311-.488.89-.733 1.457-.617.455.09.996.201 1.467.297a1.4 1.4 0 0 0 1.593-.878c.148-.412.284-.828.4-1.25a1.396 1.396 0 0 0-.768-1.641c-.436-.202-.94-.43-1.361-.622a1.4 1.4 0 0 1-.819-1.36c.03-.46.03-.922.004-1.383a1.394 1.394 0 0 1 .816-1.355c.42-.195.924-.424 1.361-.623.628-.284.954-.982.772-1.646a17.91 17.91 0 0 0-.41-1.247 1.397 1.397 0 0 0-1.587-.877c-.472.094-1.013.206-1.466.299a1.4 1.4 0 0 1-1.461-.62c-.248-.39-.52-.764-.81-1.121a1.397 1.397 0 0 1-.138-1.577c.225-.404.498-.885.736-1.304a1.399 1.399 0 0 0-.343-1.785c-.346-.267-.7-.525-1.065-.767a1.395 1.395 0 0 0-1.8.224c-.326.353-.698.76-1.01 1.102a1.402 1.402 0 0 1-1.546.359c-.43-.171-.87-.314-1.316-.432a1.393 1.393 0 0 1-1.037-1.196c-.056-.459-.117-1.008-.17-1.486z"
/>
<path
d="M226.902 217.068a2.398 2.398 0 0 0-2.276-2.13l-.013-.001a19.19 19.19 0 0 0-1.385.005h-.004a2.397 2.397 0 0 0-2.273 2.126c-.056.473-.119 1.025-.17 1.486a.4.4 0 0 1-.296.343c-.484.124-.962.279-1.428.46l-.005.001a.395.395 0 0 1-.439-.101l-.005-.005c-.314-.338-.684-.744-1.007-1.096a2.396 2.396 0 0 0-3.092-.387l-.012.008c-.382.26-.755.53-1.117.817l-.004.003a2.396 2.396 0 0 0-.588 3.057c.232.414.506.898.736 1.302a.399.399 0 0 1-.04.45c-.318.386-.612.79-.884 1.212a.397.397 0 0 1-.417.18l-.008-.001c-.45-.09-.99-.2-1.459-.296a2.4 2.4 0 0 0-2.728 1.506l-.006.013c-.156.435-.298.874-.422 1.319-.002.001-.002.002-.002.004a2.395 2.395 0 0 0 1.32 2.818c.432.2.939.429 1.361.621.15.068.244.223.233.388-.03.498-.03 1-.002 1.5v.006a.395.395 0 0 1-.232.384l-.008.004c-.417.193-.917.421-1.353.619a2.4 2.4 0 0 0-1.323 2.822l.004.013c.128.444.271.882.432 1.316l.002.004a2.395 2.395 0 0 0 2.724 1.503c.467-.092 1.01-.204 1.467-.297a.4.4 0 0 1 .417.177c.266.421.561.827.878 1.216l.004.004a.4.4 0 0 1 .039.448l-.004.006c-.224.403-.496.88-.732 1.296a2.398 2.398 0 0 0 .588 3.06c.004.005.008.007.012.01.365.283.738.555 1.122.81l.004.002c.984.649 2.293.486 3.089-.384.323-.35.697-.76 1.01-1.103a.4.4 0 0 1 .442-.102 12.925 12.925 0 0 0 1.431.47.397.397 0 0 1 .295.338v.009c.056.456.117 1.002.17 1.477a2.398 2.398 0 0 0 2.276 2.13l.013.001c.463.015.924.014 1.385-.005h.004a2.397 2.397 0 0 0 2.273-2.126c.056-.473.119-1.025.17-1.486a.4.4 0 0 1 .296-.343c.484-.124.962-.279 1.428-.46l.005-.001a.395.395 0 0 1 .439.101l.005.005c.314.338.684.744 1.007 1.096a2.396 2.396 0 0 0 3.092.387l.012-.008c.382-.26.755-.53 1.117-.817l.004-.003a2.396 2.396 0 0 0 .588-3.057c-.232-.414-.506-.898-.736-1.302a.399.399 0 0 1 .04-.45c.318-.386.612-.79.884-1.212a.397.397 0 0 1 .417-.18l.008.001c.45.09.99.2 1.459.296a2.4 2.4 0 0 0 2.728-1.506l.006-.013c.156-.435.298-.874.422-1.319.002-.001.002-.002.002-.004a2.395 2.395 0 0 0-1.32-2.818c-.432-.2-.939-.429-1.361-.621a.398.398 0 0 1-.233-.388c.03-.498.03-1 .002-1.5v-.006a.395.395 0 0 1 .232-.384l.008-.004c.417-.193.917-.421 1.353-.619a2.4 2.4 0 0 0 1.323-2.822l-.004-.013c-.128-.444-.271-.882-.432-1.316l-.002-.004a2.395 2.395 0 0 0-2.724-1.503c-.467.092-1.01.204-1.467.297a.4.4 0 0 1-.417-.177 12.552 12.552 0 0 0-.878-1.216l-.004-.004a.4.4 0 0 1-.039-.448l.004-.006c.224-.403.496-.88.732-1.296a2.398 2.398 0 0 0-.588-3.06c-.004-.005-.008-.007-.012-.01a19.64 19.64 0 0 0-1.122-.81l-.004-.002a2.396 2.396 0 0 0-3.089.384c-.323.35-.697.76-1.01 1.102a.4.4 0 0 1-.442.103 12.925 12.925 0 0 0-1.426-.468l-.005-.001a.397.397 0 0 1-.295-.339v-.009c-.056-.456-.117-1.002-.17-1.477zm-1.987.223c.054.48.116 1.033.171 1.494.11.98.819 1.796 1.78 2.045.403.105.805.236 1.197.392h.001c.926.365 1.98.121 2.651-.614l1.012-1.102a.397.397 0 0 1 .51-.065c.34.228.672.468.995.718a.398.398 0 0 1 .095.508c-.239.42-.514.904-.74 1.31a2.392 2.392 0 0 0 .238 2.7 10.468 10.468 0 0 1 .739 1.022 2.4 2.4 0 0 0 2.506 1.061l1.466-.297a.398.398 0 0 1 .45.248c.142.384.269.773.383 1.166a.4.4 0 0 1-.22.466h-.002c-.44.2-.947.429-1.368.625a2.392 2.392 0 0 0-1.394 2.324c.022.416.022.839-.004 1.26v.002a2.4 2.4 0 0 0 1.403 2.33l1.361.622c.178.08.271.277.22.465-.112.395-.237.784-.376 1.17a.399.399 0 0 1-.453.245h-.001a243.87 243.87 0 0 0-1.474-.299 2.396 2.396 0 0 0-2.494 1.061c-.226.35-.474.692-.743 1.017l-.001.002a2.4 2.4 0 0 0-.236 2.71l.737 1.303a.397.397 0 0 1-.097.505c-.32.255-.652.495-.99.726a.397.397 0 0 1-.511-.068h-.002c-.325-.358-.7-.768-1.017-1.108a2.391 2.391 0 0 0-2.64-.608c-.39.15-.79.281-1.2.387h-.001a2.4 2.4 0 0 0-1.784 2.054l-.17 1.487a.396.396 0 0 1-.375.352c-.41.016-.819.016-1.228.004a.402.402 0 0 1-.374-.356c-.054-.48-.116-1.033-.171-1.494a2.395 2.395 0 0 0-1.78-2.045 10.266 10.266 0 0 1-1.197-.392h-.001a2.398 2.398 0 0 0-2.651.614l-1.012 1.102a.397.397 0 0 1-.51.065c-.34-.228-.672-.468-.995-.718a.398.398 0 0 1-.095-.508c.239-.42.514-.904.74-1.31a2.392 2.392 0 0 0-.238-2.7 10.468 10.468 0 0 1-.738-1.02v-.002a2.4 2.4 0 0 0-2.507-1.061l-1.466.297a.398.398 0 0 1-.45-.248 17.79 17.79 0 0 1-.383-1.166.4.4 0 0 1 .22-.466h.002c.44-.2.947-.429 1.368-.625a2.392 2.392 0 0 0 1.394-2.324c-.022-.416-.022-.839.004-1.26v-.002a2.4 2.4 0 0 0-1.403-2.33l-1.361-.622a.395.395 0 0 1-.22-.465c.112-.395.237-.784.376-1.17a.399.399 0 0 1 .453-.245h.001c.473.098 1.018.208 1.474.299a2.396 2.396 0 0 0 2.494-1.061c.226-.35.474-.692.743-1.017l.001-.002a2.4 2.4 0 0 0 .236-2.71l-.737-1.303a.397.397 0 0 1 .097-.505c.32-.255.652-.495.99-.726a.397.397 0 0 1 .511.068h.002c.325.358.7.768 1.017 1.108a2.391 2.391 0 0 0 2.64.608c.39-.15.79-.281 1.2-.387h.001a2.4 2.4 0 0 0 1.784-2.054l.17-1.487a.396.396 0 0 1 .375-.352c.41-.016.819-.016 1.228-.004a.402.402 0 0 1 .374.356z"
/>
<circle cx="224" cy="232" r="8" fill="#f8f4f0" />
<circle
cx="341"
cy="73"
r="1"
fill="#b8b5b2"
transform="translate(-121 159)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="#b8b5b2"
transform="translate(-117 159)"
/>
<circle
cx="341"
cy="73"
r="1"
fill="#b8b5b2"
transform="translate(-113 159)"
/>
<path
d="M195 200v48a5 5 0 0 0 5 5h48a5 5 0 0 0 5-5v-48a5 5 0 0 0-5-5h-48a5 5 0 0 0-5 5zm56 11v-11a3 3 0 0 0-3-3h-48a3 3 0 0 0-3 3v11h43a1 1 0 0 1 0 2h-43v35a3 3 0 0 0 3 3h48a3 3 0 0 0 3-3v-35h-7a1 1 0 0 1 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category