wrench icon
wrench-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- wrench-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
wrenchBootstrap IconswrenchBoxIcons v2wrenchBoxIcons v2 SolidwrenchEmoji One (Colored)wrenchFramework7 IconswrenchFont Awesome 6 SolidwrenchFont Awesome Solidwrench-16-filledFluent UI System Iconswrench-16Fluent UI System Color IconswrenchFluent EmojiwrenchFluent Emoji FlatwrenchFluent Emoji High ContrastwrenchFirefox OS EmojiwrenchHeroIconswrenchIconoirwrenchIonIconswrenchJam IconswrenchLine AwesomewrenchLucidewrenchMage IconswrenchMaterial Design IconswrenchMyna UI IconswrenchNoto EmojiwrenchOpenMoji
Use the wrench icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.47 67.5a12 12 0 0 0-19.26-4.32L172.43 99l-12.68-2.72L157 83.57l35.79-38.78a12 12 0 0 0-4.32-19.26a76.07 76.07 0 0 0-100.06 96.11l-57.49 52.54a5 5 0 0 0-.39.38a36 36 0 0 0 50.91 50.91l.38-.39l52.54-57.49A76.05 76.05 0 0 0 230.47 67.5M160 148a51.5 51.5 0 0 1-23.35-5.52a12 12 0 0 0-14.26 2.62l-58.08 63.56a12 12 0 0 1-17-17l63.55-58.07a12 12 0 0 0 2.62-14.26A51.5 51.5 0 0 1 108 96a52.06 52.06 0 0 1 52-52h.89l-25.72 27.87a12 12 0 0 0-2.91 10.65l5.66 26.35a12 12 0 0 0 9.21 9.21l26.35 5.66a12 12 0 0 0 10.65-2.91L212 95.12v.89A52.06 52.06 0 0 1 160 148"/></svg>
React
import type { SVGProps } from "react";
export function PhWrenchBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.47 67.5a12 12 0 0 0-19.26-4.32L172.43 99l-12.68-2.72L157 83.57l35.79-38.78a12 12 0 0 0-4.32-19.26a76.07 76.07 0 0 0-100.06 96.11l-57.49 52.54a5 5 0 0 0-.39.38a36 36 0 0 0 50.91 50.91l.38-.39l52.54-57.49A76.05 76.05 0 0 0 230.47 67.5M160 148a51.5 51.5 0 0 1-23.35-5.52a12 12 0 0 0-14.26 2.62l-58.08 63.56a12 12 0 0 1-17-17l63.55-58.07a12 12 0 0 0 2.62-14.26A51.5 51.5 0 0 1 108 96a52.06 52.06 0 0 1 52-52h.89l-25.72 27.87a12 12 0 0 0-2.91 10.65l5.66 26.35a12 12 0 0 0 9.21 9.21l26.35 5.66a12 12 0 0 0 10.65-2.91L212 95.12v.89A52.06 52.06 0 0 1 160 148"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230.47 67.5a12 12 0 0 0-19.26-4.32L172.43 99l-12.68-2.72L157 83.57l35.79-38.78a12 12 0 0 0-4.32-19.26a76.07 76.07 0 0 0-100.06 96.11l-57.49 52.54a5 5 0 0 0-.39.38a36 36 0 0 0 50.91 50.91l.38-.39l52.54-57.49A76.05 76.05 0 0 0 230.47 67.5M160 148a51.5 51.5 0 0 1-23.35-5.52a12 12 0 0 0-14.26 2.62l-58.08 63.56a12 12 0 0 1-17-17l63.55-58.07a12 12 0 0 0 2.62-14.26A51.5 51.5 0 0 1 108 96a52.06 52.06 0 0 1 52-52h.89l-25.72 27.87a12 12 0 0 0-2.91 10.65l5.66 26.35a12 12 0 0 0 9.21 9.21l26.35 5.66a12 12 0 0 0 10.65-2.91L212 95.12v.89A52.06 52.06 0 0 1 160 148"/></svg> </template>
CSS
.icon-wrench-bold {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230.47%2067.5a12%2012%200%200%200-19.26-4.32L172.43%2099l-12.68-2.72L157%2083.57l35.79-38.78a12%2012%200%200%200-4.32-19.26a76.07%2076.07%200%200%200-100.06%2096.11l-57.49%2052.54a5%205%200%200%200-.39.38a36%2036%200%200%200%2050.91%2050.91l.38-.39l52.54-57.49A76.05%2076.05%200%200%200%20230.47%2067.5M160%20148a51.5%2051.5%200%200%201-23.35-5.52a12%2012%200%200%200-14.26%202.62l-58.08%2063.56a12%2012%200%200%201-17-17l63.55-58.07a12%2012%200%200%200%202.62-14.26A51.5%2051.5%200%200%201%20108%2096a52.06%2052.06%200%200%201%2052-52h.89l-25.72%2027.87a12%2012%200%200%200-2.91%2010.65l5.66%2026.35a12%2012%200%200%200%209.21%209.21l26.35%205.66a12%2012%200%200%200%2010.65-2.91L212%2095.12v.89A52.06%2052.06%200%200%201%20160%20148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M230.47%2067.5a12%2012%200%200%200-19.26-4.32L172.43%2099l-12.68-2.72L157%2083.57l35.79-38.78a12%2012%200%200%200-4.32-19.26a76.07%2076.07%200%200%200-100.06%2096.11l-57.49%2052.54a5%205%200%200%200-.39.38a36%2036%200%200%200%2050.91%2050.91l.38-.39l52.54-57.49A76.05%2076.05%200%200%200%20230.47%2067.5M160%20148a51.5%2051.5%200%200%201-23.35-5.52a12%2012%200%200%200-14.26%202.62l-58.08%2063.56a12%2012%200%200%201-17-17l63.55-58.07a12%2012%200%200%200%202.62-14.26A51.5%2051.5%200%200%201%20108%2096a52.06%2052.06%200%200%201%2052-52h.89l-25.72%2027.87a12%2012%200%200%200-2.91%2010.65l5.66%2026.35a12%2012%200%200%200%209.21%209.21l26.35%205.66a12%2012%200%200%200%2010.65-2.91L212%2095.12v.89A52.06%2052.06%200%200%201%20160%20148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wrench-bold.svg?color=%231a73e8&size=48
