Add icons to this collection by clicking the heart icon.
Spanner icon - also known as wrench, settings, spanner, and construction and tools. Created in a clean lineal color style with a silver, black, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M309.333 512H202.667A10.66 10.66 0 0 1 192 501.333v-32c0-19.844 13.625-36.573 32-41.313V309.333c0-11.76-9.563-21.333-21.333-21.333H83.979c-4.75 18.385-21.458 32-41.313 32h-32A10.66 10.66 0 0 1 0 309.333V202.667A10.66 10.66 0 0 1 10.667 192h32c19.854 0 36.563 13.615 41.313 32h118.688c11.771 0 21.333-9.573 21.333-21.333V83.979c-18.375-4.74-32-21.469-32-41.313v-32A10.66 10.66 0 0 1 202.667 0h106.667A10.66 10.66 0 0 1 320 10.667v32c0 19.844-13.625 36.573-32 41.313v118.688c0 11.76 9.563 21.333 21.333 21.333h118.688c4.75-18.385 21.458-32 41.313-32h32a10.66 10.66 0 0 1 10.667 10.667v106.667a10.66 10.66 0 0 1-10.667 10.667h-32c-19.854 0-36.563-13.615-41.313-32H309.333C297.563 288 288 297.573 288 309.333v118.688c18.375 4.74 32 21.469 32 41.313v32A10.66 10.66 0 0 1 309.333 512z"
fill="#303c42"
/>
<path
d="M213.333 490.667h85.333v-21.333c0-11.76-9.563-21.333-21.333-21.333a10.66 10.66 0 0 1-10.667-10.667v-128c0-23.531 19.146-42.667 42.667-42.667h128A10.66 10.66 0 0 1 448 277.334c0 11.76 9.563 21.333 21.333 21.333h21.333v-85.333h-21.333c-11.771 0-21.333 9.573-21.333 21.333a10.66 10.66 0 0 1-10.667 10.667h-128c-23.521 0-42.667-19.135-42.667-42.667v-128A10.66 10.66 0 0 1 277.333 64c11.771 0 21.333-9.573 21.333-21.333V21.333h-85.333v21.333c0 11.76 9.563 21.333 21.333 21.333a10.66 10.66 0 0 1 10.667 10.667v128c0 23.531-19.146 42.667-42.667 42.667h-128a10.66 10.66 0 0 1-10.667-10.667c0-11.76-9.563-21.333-21.333-21.333H21.333v85.333h21.333c11.771 0 21.333-9.573 21.333-21.333a10.66 10.66 0 0 1 10.667-10.667h128c23.521 0 42.667 19.135 42.667 42.667v128A10.66 10.66 0 0 1 234.666 448c-11.771 0-21.333 9.573-21.333 21.333v21.334z"
fill="#ccc"
/>
<path
d="M469.333 213.333c-11.771 0-21.333 9.573-21.333 21.333a10.66 10.66 0 0 1-10.667 10.667h-128c-23.521 0-42.667-19.135-42.667-42.667v-128a10.66 10.66 0 0 1 10.667-10.667c11.771 0 21.333-9.573 21.333-21.333V21.333H256v469.333h42.667v-21.333c0-11.76-9.563-21.333-21.333-21.333a10.66 10.66 0 0 1-10.667-10.667v-128c0-23.531 19.146-42.667 42.667-42.667h128a10.66 10.66 0 0 1 10.667 10.667c0 11.76 9.563 21.333 21.333 21.333h21.333v-85.333h-21.334z"
opacity=".1"
fill="#010101"
/>
<linearGradient
id="a"
x1="-45.561"
x2="-23.846"
y1="639.546"
y2="629.423"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M309.333 512H202.667A10.66 10.66 0 0 1 192 501.333v-32c0-19.844 13.625-36.573 32-41.313V309.333c0-11.76-9.563-21.333-21.333-21.333H83.979c-4.75 18.385-21.458 32-41.313 32h-32A10.66 10.66 0 0 1 0 309.333V202.667A10.66 10.66 0 0 1 10.667 192h32c19.854 0 36.563 13.615 41.313 32h118.688c11.771 0 21.333-9.573 21.333-21.333V83.979c-18.375-4.74-32-21.469-32-41.313v-32A10.66 10.66 0 0 1 202.667 0h106.667A10.66 10.66 0 0 1 320 10.667v32c0 19.844-13.625 36.573-32 41.313v118.688c0 11.76 9.563 21.333 21.333 21.333h118.688c4.75-18.385 21.458-32 41.313-32h32a10.66 10.66 0 0 1 10.667 10.667v106.667a10.66 10.66 0 0 1-10.667 10.667h-32c-19.854 0-36.563-13.615-41.313-32H309.333C297.563 288 288 297.573 288 309.333v118.688c18.375 4.74 32 21.469 32 41.313v32A10.66 10.66 0 0 1 309.333 512z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category