Add icons to this collection by clicking the heart icon.
Web Development icon - also known as wrench, repair, rule, development, spanner, web development, cog, equipment, maintenance, and seo and web. Created in a clean flat style with a white, silver, red, purple, 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 128 128"
>
<clipPath id="a">
<path
d="M115.214 36.464H12.786a1 1 0 0 0-1 1v58.368a5.747 5.747 0 0 0 5.74 5.74h92.948a5.747 5.747 0 0 0 5.74-5.74V37.464a1 1 0 0 0-1-1z"
/>
</clipPath>
<clipPath id="b">
<path
d="M83.749 71.817H70.481a2.79 2.79 0 1 0 0 5.58H83.75a2.79 2.79 0 0 0 0-5.58z"
/>
</clipPath>
<clipPath id="c">
<path
d="M110.473 26.428H17.526a5.74 5.74 0 0 0-5.74 5.74v7.001h104.428v-7a5.74 5.74 0 0 0-5.74-5.741z"
/>
</clipPath>
<clipPath id="d">
<path
d="M82.124 75.397H72.106a1 1 0 0 0-1 1v12.188a6.009 6.009 0 1 0 12.018 0V76.397a1 1 0 0 0-1-1z"
/>
</clipPath>
<g>
<path
fill="#ef2270"
d="M115.214 36.464H12.786a1 1 0 0 0-1 1v58.368a5.747 5.747 0 0 0 5.74 5.74h92.948a5.747 5.747 0 0 0 5.74-5.74V37.464a1 1 0 0 0-1-1z"
/>
<g clip-path="url(#a)">
<path
fill="#e60042"
d="M115.536 21.714h-7.875a16.554 16.554 0 0 0-16.554 16.554v16.125a27.536 27.536 0 0 1-27.536 27.536H35.714a27.857 27.857 0 0 0-27.857 27.857 5.464 5.464 0 0 0 5.464 5.464h85.5a5.464 5.464 0 0 0 5.465-5.464 5.464 5.464 0 0 1 5.464-5.465h5.786A5.464 5.464 0 0 0 121 98.857V27.18a5.464 5.464 0 0 0-5.464-5.465z"
/>
</g>
<path
fill="#fdc42b"
d="M110.473 26.428H17.526a5.74 5.74 0 0 0-5.74 5.74v7.001h104.428v-7a5.74 5.74 0 0 0-5.74-5.741z"
/>
<g fill="#803d63">
<circle cx="23.201" cy="32.798" r="1.959" />
<circle cx="28.93" cy="32.798" r="1.959" />
<circle cx="34.659" cy="32.798" r="1.959" />
</g>
<rect
width="4.179"
height="17.464"
x="109.286"
y="45.571"
fill="#ef2270"
rx="2.089"
/>
<rect
width="7.036"
height="10.848"
x="73.597"
y="62.97"
fill="#d5d3d4"
rx="1"
/>
<path
fill="#c6c4c4"
d="M79.633 62.97h-2a1 1 0 0 1 1 1v8.847a1 1 0 0 1-1 1h2a1 1 0 0 0 1-1V63.97a1 1 0 0 0-1-1z"
/>
<path
fill="#d5d3d4"
d="M82.124 75.397H72.106a1 1 0 0 0-1 1v12.188a6.009 6.009 0 1 0 12.018 0V76.397a1 1 0 0 0-1-1z"
/>
<path
fill="#c6c4c4"
d="M82.124 75.397h-2a1 1 0 0 1 1 1v12.188a6.014 6.014 0 0 1-5.009 5.92 5.974 5.974 0 0 0 7.009-5.92V76.397a1 1 0 0 0-1-1z"
/>
<path
fill="#d4d3d3"
d="M58.77 66.058H47.5v22.646a5.805 5.805 0 0 0 5.073 5.857 5.641 5.641 0 0 0 6.197-5.607z"
/>
<path
fill="#c6c4c4"
d="M56.257 69.058a.837.837 0 0 1 .838.838v19.058a5.639 5.639 0 0 1-4.798 5.566 4.187 4.187 0 0 0 3.85-1.26 8.4 8.4 0 0 0 2.623-6.19V67.059z"
/>
<path
fill="#f9fafb"
d="M53.152 85.69a2.78 2.78 0 1 0 2.78 2.779 2.783 2.783 0 0 0-2.78-2.78z"
/>
<path
fill="#e7e7e7"
d="M48.863 71.605h2.222v10.097a2.221 2.221 0 0 1-2.222 2.222V71.605z"
/>
<path
fill="#d5d3d4"
d="M58.059 48.209a1 1 0 0 0-1.423.906v8.405l-3.48 2.579-3.482-2.58v-8.423a1 1 0 0 0-1.42-.908 11.676 11.676 0 1 0 9.805.021z"
/>
<path
fill="#c6c4c4"
d="M53.295 68.565a11.684 11.684 0 0 1-11.624-10.691c-.03.336-.05.675-.05 1.016a11.674 11.674 0 1 0 23.35 0c0-.34-.02-.679-.05-1.015a11.685 11.685 0 0 1-11.626 10.69z"
/>
<path
fill="#d5d3d4"
d="m84.441 55.65-3.412-6.96a.999.999 0 0 0-.897-.56h-6.033a.999.999 0 0 0-.898.56l-3.412 6.96a.997.997 0 0 0-.071.687l2.01 7.883a.999.999 0 0 0 .97.753h8.834a1 1 0 0 0 .969-.753l2.012-7.883a.997.997 0 0 0-.072-.688z"
/>
<path
fill="#c6c4c4"
d="m84.268 55.296-1.767 6.924a1 1 0 0 1-.969.753h-8.835a.999.999 0 0 1-.969-.753l-1.766-6.924-.173.353a.997.997 0 0 0-.071.688l2.01 7.883a.999.999 0 0 0 .97.753h8.834a1 1 0 0 0 .969-.753l2.012-7.883a.997.997 0 0 0-.072-.688z"
/>
<path
fill="#fdc42b"
d="M83.749 71.817H70.481a2.79 2.79 0 1 0 0 5.58H83.75a2.79 2.79 0 0 0 0-5.58z"
/>
<g clip-path="url(#b)">
<rect
width="19.179"
height="5.196"
x="73.804"
y="70.071"
fill="#f9c85a"
rx="2.598"
/>
</g>
<rect
width="6.489"
height=".884"
x="77.306"
y="72.737"
fill="#d5d3d4"
rx=".442"
/>
<g clip-path="url(#c)">
<path
fill="#eaab1c"
d="M115.536 21.714h-7.875a16.554 16.554 0 0 0-16.554 16.554v16.125a27.536 27.536 0 0 1-27.536 27.536H35.714a27.857 27.857 0 0 0-27.857 27.857 5.464 5.464 0 0 0 5.464 5.464h85.5a5.464 5.464 0 0 0 5.465-5.464 5.464 5.464 0 0 1 5.464-5.465h5.786A5.464 5.464 0 0 0 121 98.857V27.18a5.464 5.464 0 0 0-5.464-5.465z"
/>
</g>
<g clip-path="url(#d)">
<path
fill="#fdc42b"
d="M85.563 89.05H68.667c-.932 0-1.687-.55-1.687-1.228v-6.264c0-.679.755-1.228 1.687-1.228h16.896c.933 0 1.687.55 1.687 1.228v6.264c0 .678-.754 1.228-1.687 1.228zm-15.21-2.456h13.524v-3.808H70.354z"
/>
</g>
</g>
</svg>
More icons in the same style and category