Color

Advanced editing in SVG Editor

Mage Icons

Wrench Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: wrench

The Wrench icon is available as a free SVG and is ready to drop into any web or app project.

img tag

<img src="https://proicons.com/icon/311039.svg" alt="Wrench icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/311039.svg" alt="Wrench icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/311039.svg"
  alt="Wrench icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-wrench {
  background-image: url('https://proicons.com/icon/311039.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

SVG markup

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.2517 14.4068C18.4113 15.2458 17.3667 15.8508 16.2211 16.1623C15.0756 16.4737 13.8686 16.4807 12.7196 16.1826C12.3803 16.0863 12.0217 16.0807 11.6796 16.1663C11.3375 16.2519 11.0238 16.4257 10.7697 16.6704L6.48964 20.9636C6.39901 21.0551 6.29118 21.1277 6.17237 21.1772C6.05356 21.2267 5.92613 21.2522 5.79743 21.2522C5.66873 21.2522 5.54129 21.2267 5.42249 21.1772C5.30368 21.1277 5.19585 21.0551 5.10522 20.9636L3.03833 18.8951C2.94695 18.8044 2.87441 18.6965 2.82492 18.5776C2.77542 18.4587 2.74994 18.3311 2.74994 18.2023C2.74994 18.0735 2.77542 17.946 2.82492 17.8271C2.87441 17.7082 2.94695 17.6003 3.03833 17.5096L7.31835 13.2261C7.56899 12.9758 7.74679 12.6619 7.83268 12.3181C7.91856 11.9743 7.90927 11.6136 7.80582 11.2747C7.50379 10.0962 7.52179 8.85836 7.85795 7.68915C8.19411 6.51994 8.83623 5.46182 9.71792 4.6242C10.5996 3.78657 11.6889 3.19985 12.873 2.9247C14.0572 2.64955 15.2933 2.69596 16.4536 3.05912L13.5288 5.98629C12.7781 6.73759 12.4173 8.32802 13.1875 9.08909L14.9034 10.8161C15.6639 11.5772 17.2531 11.2259 18.0135 10.4649L20.9384 7.53769C21.3105 8.72766 21.3501 9.99689 21.0528 11.2078C20.7554 12.4186 20.1326 13.525 19.2517 14.4068Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Wrench in other icon packs

Bootstrap Icons

Heroicons Filled

Heroicons Outline

Heroicons Filled

Heroicons Outline

Copied!

Wrench Icon

More from Mage Icons

Wrench in other icon packs