Add icons to this collection by clicking the heart icon.
Developer icon - also known as wrench, repair, rule, gear, development, spanner, cog, developer, equipment, maintenance, and seo and web. Created in a clean gradient style, 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">
<circle cx="56" cy="16" r="1" fill="url(#a)" />
<circle cx="52" cy="16" r="1" fill="url(#b)" />
<circle cx="48" cy="16" r="1" fill="url(#c)" />
<path
d="M6 53h52a3 3 0 0 0 3-3V14a3 3 0 0 0-3-3H6a3 3 0 0 0-3 3v36a3 3 0 0 0 3 3Zm53-32v29a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V21h54Zm0-2H5v-5a1 1 0 0 1 1-1h52a1 1 0 0 1 1 1v5Z"
fill="url(#d)"
/>
<path
d="m22.983 34.058-2.402 1.108a1 1 0 0 0 .01 1.82l2.392 1.072-2.402 1.108a1 1 0 0 0 .01 1.82l11 4.927c.26.116.558.116.818 0l11-4.927a.999.999 0 0 0 .01-1.82l-2.402-1.108 2.392-1.072a.999.999 0 0 0 .01-1.82l-2.402-1.108 2.392-1.072a.999.999 0 0 0 .01-1.82l-11-5.074a.998.998 0 0 0-.838 0l-11 5.074a1 1 0 0 0 .01 1.82l2.392 1.072Zm2.423 5.085-1.989.917L32 43.904l8.583-3.844-1.989-.917-6.185 2.77c-.26.116-.558.116-.818 0l-6.185-2.77Zm0-4-1.989.917L32 39.904l8.583-3.844-1.989-.917-6.185 2.77c-.26.116-.558.116-.818 0l-6.185-2.77Zm15.177-3.083L32 35.904l-8.583-3.844L32 28.101l8.583 3.959Z"
fill="url(#e)"
/>
<defs>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -106)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -106)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -106)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -106)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(64 0 0 64 0 -106)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#1300ff" stop-opacity="1" />
<stop offset="1" stop-color="#ff0027" stop-opacity="1" />
</linearGradient>
</defs>
</g>
</svg>
More icons in the same style and category