Add icons to this collection by clicking the heart icon.
Spanner icon - also known as wrench, repair, construction, spanner, equipment, maintenance, and construction and tools. Created in a clean lineal color style with a white, silver, gray, yellow, 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="512"
height="512"
viewBox="0 0 64 64"
>
<g>
<path fill="#ffe347" d="M57 21v6l-4 4h-8v8H35V21z" />
<path fill="#d9d9d9" d="M59 5v8H41v8h-6v18h6v24H29V1h26z" />
<path fill="#f0f0f0" d="M39 43h2v20h-2z" />
<path fill="#ffbb05" d="m35 21 3 3v15h-3z" />
<path fill="#ffbc36" d="M57 27H42l3 4h8z" />
<path fill="#ffa426" d="m42 27 3 4v8h-3z" />
<path fill="#fffd78" d="m35 21 3 3h19v-3z" />
<path fill="#9c9c9c" d="M35 39V23h-3v20h9v-4z" />
<path fill="#f0f0f0" d="m29 1 12 12h18V5l-4-4z" />
<path fill="#c1c1c1" d="m41 13-2-2h20v2z" />
<path fill="#cfcfcf" d="m39 11 2 2v8h-2z" />
<path fill="#ffa426" d="M11 19h6v26h-6z" />
<path
fill="#c1c1c1"
d="M23 1v62h-5v-4h-8v4H5V1h5v4h8V1zm-6 11a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm0 40a3 3 0 1 0-3 3 3 3 0 0 0 3-3z"
/>
<path fill="#e4e4e4" d="M20 1h3v62h-3zM8 63H5V1h3z" />
<circle cx="14" cy="12" r="3" fill="#64e1dc" />
<circle cx="14.5" cy="11.5" r="1.5" fill="#cbf7f7" />
<circle cx="14" cy="52" r="3" fill="#64e1dc" />
<circle cx="14.5" cy="51.5" r="1.5" fill="#cbf7f7" />
<path fill="#ffe347" d="M12 20h4v24h-4z" />
<g fill="#f6fafd">
<ellipse
cx="52.684"
cy="5.695"
rx="1.642"
ry="2.286"
transform="rotate(-45 52.71 5.697)"
/>
<ellipse
cx="48.682"
cy="5.708"
rx=".825"
ry="1.148"
transform="rotate(-45 48.705 5.711)"
/>
<ellipse
cx="13.427"
cy="11.208"
rx=".413"
ry=".574"
transform="rotate(-45 13.433 11.214)"
/>
<ellipse
cx="13.427"
cy="51.208"
rx=".413"
ry=".574"
transform="rotate(-45 13.434 51.233)"
/>
</g>
<path
d="M23 0h-5a1 1 0 0 0-1 1v3h-6V1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v62a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-3h6v3a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1zm-4 62v-3a1 1 0 0 0-1-1h-8a1 1 0 0 0-1 1v3H6v-5h2v-2H6v-4h2v-2H6v-4h2v-2H6v-4h2v-2H6v-4h2v-2H6v-4h2v-2H6v-4h2v-2H6v-4h2v-2H6V9h2V7H6V2h3v3a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2h3v5h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v4h-2v2h2v5z"
/>
<path d="M16 44h-4v-5h-2v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V24h-2z" />
<path
d="M17 18h-6a1 1 0 0 0-1 1v18h2V20h4v2h2v-3a1 1 0 0 0-1-1zM14 8a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM14 48a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM28 13h2v43h-2zM28 9h2v2h-2z"
/>
<path
d="m59.707 4.293-4-4A1 1 0 0 0 55 0H29a1 1 0 0 0-1 1v6h2V2h24.586L58 5.414V12H41a1 1 0 0 0-1 1v7h-5a1 1 0 0 0-1 1v13h2V22h16v-2H42v-6h17a1 1 0 0 0 1-1V5a1 1 0 0 0-.293-.707z"
/>
<path
d="M57 20h-3v2h2v4.586L52.586 30H45a1 1 0 0 0-1 1v7h-8v-2h-2v3a1 1 0 0 0 1 1h5v4h-4v2h4v4h-4v2h4v4h-4v2h4v4H30v-4h-2v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V40h3a1 1 0 0 0 1-1v-7h7a1 1 0 0 0 .707-.293l4-4A1 1 0 0 0 58 27v-6a1 1 0 0 0-1-1z"
/>
</g>
</svg>
More icons in the same style and category