Add icons to this collection by clicking the heart icon.
Spanner icon - also known as configuration, wrench, repair, setting, spanner, screwdriver, and construction and tools. Created in a clean blue style with a white and silver 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.02 512.02"
>
<g>
<path
d="M480.853 140.556c-24.329 23.848-61.3 29.199-91.392 13.227a76.857 76.857 0 0 0 86.443-68.949v-.085l12.459-12.459a8.55 8.55 0 0 1 14.592 4.864 77.168 77.168 0 0 1-22.102 63.402z"
fill="#a2c0f5"
/>
<path
d="M475.904 84.833a76.857 76.857 0 0 1-86.443 68.949 72.804 72.804 0 0 1-16.469-11.776c-21.541-20.375-29.532-51.274-20.571-79.538s33.296-48.914 62.641-53.156a76.247 76.247 0 0 1 19.712-.256 8.568 8.568 0 0 1 4.949 14.592l-43.947 43.947c-6.656 6.74-6.656 17.58 0 24.32l18.261 18.261 6.059 6.059c6.741 6.655 17.579 6.655 24.32 0l31.488-31.402z"
fill="#d3dff2"
/>
<path
d="M140.544 371.468a76.854 76.854 0 0 0-13.141-10.581c24.2 29.349 23.464 71.939-1.737 100.433-25.201 28.494-67.382 34.431-99.468 13.999a60.398 60.398 0 0 0 4.949 5.547c30.209 30.209 79.188 30.209 109.397 0 30.209-30.21 30.209-79.189 0-109.398z"
fill="#a2c0f5"
/>
<path
d="M127.403 360.887c-32.087-20.432-74.267-14.496-99.468 13.999S1.997 445.97 26.197 475.319c32.087 20.432 74.267 14.496 99.468-13.999 25.201-28.494 25.938-71.085 1.738-100.433zm-11.179 95.658c-16.799 16.725-43.958 16.725-60.757 0a39.03 39.03 0 0 1-5.973-7.595c-10.132-16.138-8.416-37.022 4.213-51.29 12.63-14.268 33.152-18.505 50.4-10.406a40.646 40.646 0 0 1 12.117 8.533 42.901 42.901 0 0 1 0 60.758zM475.904 84.833c-3.551 37.752-34.163 67.239-72.021 69.376a81.56 81.56 0 0 1-14.421-.427 74.048 74.048 0 0 1-16.128-11.435c-.085-.171-.256-.256-.341-.341-1.109-1.024-2.133-2.133-3.157-3.157-19.777-21-26.219-51.263-16.71-78.498s33.387-46.911 61.937-51.038a76.247 76.247 0 0 1 19.712-.256 8.568 8.568 0 0 1 4.949 14.592l-43.947 43.947c-6.656 6.74-6.656 17.58 0 24.32l18.261 18.261 6.059 6.059c6.741 6.655 17.579 6.655 24.32 0l31.487-31.403z"
fill="#d3dff2"
/>
<linearGradient
id="a"
x1="-48.875"
x2="-47.875"
y1="652.093"
y2="652.093"
gradientTransform="matrix(392.5288 0 0 -331.8781 19295.91 216651.016)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d3dff2" />
<stop offset=".172" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#d3dff2" />
<stop offset=".2" stop-color="#dae2f2" />
<stop offset=".201" stop-color="#ebeaf2" />
<stop offset=".201" stop-color="#f6eff2" />
<stop offset=".202" stop-color="#fdf2f2" />
<stop offset=".205" stop-color="#fff3f2" />
<stop offset=".252" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#fff3f2" />
<stop offset=".26" stop-color="#d3dff2" />
<stop offset=".397" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#d3dff2" />
<stop offset=".42" stop-color="#dae2f2" />
<stop offset=".421" stop-color="#ebeaf2" />
<stop offset=".421" stop-color="#f6eff2" />
<stop offset=".422" stop-color="#fdf2f2" />
<stop offset=".425" stop-color="#fff3f2" />
<stop offset=".489" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#fff3f2" />
<stop offset=".5" stop-color="#f8f0f2" />
<stop offset=".5" stop-color="#e7e8f2" />
<stop offset=".5" stop-color="#dce3f2" />
<stop offset=".5" stop-color="#d5e0f2" />
<stop offset=".501" stop-color="#d3dff2" />
<stop offset=".706" stop-color="#d3dff2" />
<stop offset=".74" stop-color="#d3dff2" />
<stop offset=".741" stop-color="#fff3f2" />
<stop offset=".835" stop-color="#fff3f2" />
<stop offset=".85" stop-color="#fff3f2" />
<stop offset=".851" stop-color="#d3dff2" />
</linearGradient>
<path
d="M502.954 77.153a8.548 8.548 0 0 0-14.592-4.864l-12.459 12.459v.085c-3.551 37.752-34.163 67.239-72.021 69.376a81.56 81.56 0 0 1-14.421-.427 74.048 74.048 0 0 1-16.128-11.435l10.752 10.667-3.77 3.77-6.82-6.651c-.084-.165-.252-.248-.336-.33-1.093-.992-2.101-2.066-3.109-3.058l-27.82-27.267-231.297 227.395 30.089 29.663 9.818 9.722-1.763 1.763 17.493 8.96 4.608 4.608 240.043-240.043-.085-.085a77.983 77.983 0 0 0 69.717-20.907 77.158 77.158 0 0 0 22.101-63.401z"
fill="url(#a)"
/>
<path
d="M122.527 359.694a81.568 81.568 0 0 0-14.422-.427M100.852 352.014l-.085-.085 240.051-240.051 4.608 4.609c-9.301-27.734 3.157-61.016 26.028-83.886a77.172 77.172 0 0 1 63.405-22.103 8.548 8.548 0 0 1 4.864 14.593l-1.025 1.024a77.247 77.247 0 0 0-64.002 111.193l-11.776-11.862-4.267 4.267-4.011 4.011-226.739 226.738"
fill="#fff"
/>
<path
d="M31.125 372.535c-30.123 30.245-30.123 79.152 0 109.397a60.398 60.398 0 0 0 5.547 4.949c-20.432-32.087-14.496-74.267 13.999-99.468 28.494-25.201 71.084-25.938 100.433-1.737a77.478 77.478 0 0 0-119.979-13.141z"
fill="#fff"
/>
</g>
<g transform="translate(0 -1)">
<circle cx="230.4" cy="222.879" r="8.533" fill="#438cff" />
<path
d="M500.225 63.17a17.157 17.157 0 0 0-17.892 4.05l-43.983 43.983a8.94 8.94 0 0 1-12.237 0l-24.308-24.3a8.666 8.666 0 0 1 0-12.242l43.958-43.958a17.079 17.079 0 0 0 4.046-17.883 16.832 16.832 0 0 0-14.104-11.275 85.828 85.828 0 0 0-95.412 86.467c.075 3.671.383 7.335.92 10.967l-83.737 83.733a8.533 8.533 0 1 0 12.066 12.066l76.68-76.676a85.556 85.556 0 0 0 20.904 31.126 84.384 84.384 0 0 0 27.827 17.531L165.834 395.878a85.673 85.673 0 0 0-48.696-48.699L202.3 262.02c3.308-3.336 3.296-8.719-.026-12.041s-8.704-3.334-12.041-.026l-92.256 92.252a86.625 86.625 0 0 0-12.103-.943C38.447 341.262 0 379.71 0 427.137s38.448 85.875 85.875 85.875c47.428 0 85.875-38.448 85.875-85.875a86.858 86.858 0 0 0-.943-12.098l243.419-243.42c3.936.57 7.906.871 11.882.901a85.513 85.513 0 0 0 85.341-95.359 16.723 16.723 0 0 0-11.224-13.991zM134.529 475.795c-22.221 22.274-56.709 26.662-83.8 10.663s-39.9-48.319-31.125-78.533 36.906-50.643 68.353-49.639 58.217 23.185 65.048 53.897a8.496 8.496 0 0 0 .636 3.317 69.405 69.405 0 0 1 1.042 11.636 68.363 68.363 0 0 1-20.154 48.659zm340.275-340.283c-26.443 26.11-68.779 26.698-95.937 1.333a68.813 68.813 0 0 1-1.367-98.641 67.894 67.894 0 0 1 56.196-19.567l-43.958 43.959c-10.029 10.051-10.029 26.324 0 36.375l24.308 24.3c10.19 9.683 26.181 9.683 36.371 0l44.075-44.192a68.45 68.45 0 0 1-19.688 56.433z"
fill="#438cff"
/>
<path
d="M316.733 196.187a8.681 8.681 0 0 1 12.242 0 8.533 8.533 0 0 0 12.067-12.067c-10.053-10.025-26.322-10.025-36.375 0L183.141 305.654c-10.043 10.045-10.045 26.328-.004 36.375a8.535 8.535 0 0 0 12.074-12.066 8.659 8.659 0 0 1-.004-12.242l121.526-121.534zM49.454 390.721c-20.095 20.109-20.088 52.7.017 72.8 20.105 20.1 52.696 20.1 72.8 0 20.105-20.1 20.112-52.691.017-72.8-20.129-20.073-52.705-20.073-72.834 0zm60.767 60.766c-11.62 11.652-29.853 13.469-43.545 4.341s-19.026-26.659-12.739-41.866c6.287-15.207 22.443-23.853 38.583-20.648s27.767 17.367 27.767 33.823a34.48 34.48 0 0 1-10.066 24.35z"
fill="#438cff"
/>
</g>
</svg>
More icons in the same style and category