wrench icon
wrench-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- wrench-light
- Set
- Phosphor
- Style
- Light
- 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="M224.91 69.75a6 6 0 0 0-9.63-2.16l-41.07 37.9l-19.51-4.19l-4.19-19.51l37.9-41.07a6 6 0 0 0-2.16-9.63a70 70 0 0 0-89.77 94.39l-61.39 53c-.11.09-.21.19-.32.3a30 30 0 0 0 42.43 42.45c.11-.11.21-.21.3-.32l53-61.39a70 70 0 0 0 94.39-89.77ZM160 154a58 58 0 0 1-28-7.22a6 6 0 0 0-7.45 1.33l-55.98 64.77a18 18 0 0 1-25.45-25.45l64.76-55.94a6 6 0 0 0 1.32-7.49a58 58 0 0 1 64-84.53l-33.62 36.46a6 6 0 0 0-1.45 5.33l5.65 26.35a6 6 0 0 0 4.61 4.61l26.35 5.65a6 6 0 0 0 5.33-1.45l36.42-33.62A58.06 58.06 0 0 1 160 154"/></svg>
React
import type { SVGProps } from "react";
export function PhWrenchLight(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="M224.91 69.75a6 6 0 0 0-9.63-2.16l-41.07 37.9l-19.51-4.19l-4.19-19.51l37.9-41.07a6 6 0 0 0-2.16-9.63a70 70 0 0 0-89.77 94.39l-61.39 53c-.11.09-.21.19-.32.3a30 30 0 0 0 42.43 42.45c.11-.11.21-.21.3-.32l53-61.39a70 70 0 0 0 94.39-89.77ZM160 154a58 58 0 0 1-28-7.22a6 6 0 0 0-7.45 1.33l-55.98 64.77a18 18 0 0 1-25.45-25.45l64.76-55.94a6 6 0 0 0 1.32-7.49a58 58 0 0 1 64-84.53l-33.62 36.46a6 6 0 0 0-1.45 5.33l5.65 26.35a6 6 0 0 0 4.61 4.61l26.35 5.65a6 6 0 0 0 5.33-1.45l36.42-33.62A58.06 58.06 0 0 1 160 154"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224.91 69.75a6 6 0 0 0-9.63-2.16l-41.07 37.9l-19.51-4.19l-4.19-19.51l37.9-41.07a6 6 0 0 0-2.16-9.63a70 70 0 0 0-89.77 94.39l-61.39 53c-.11.09-.21.19-.32.3a30 30 0 0 0 42.43 42.45c.11-.11.21-.21.3-.32l53-61.39a70 70 0 0 0 94.39-89.77ZM160 154a58 58 0 0 1-28-7.22a6 6 0 0 0-7.45 1.33l-55.98 64.77a18 18 0 0 1-25.45-25.45l64.76-55.94a6 6 0 0 0 1.32-7.49a58 58 0 0 1 64-84.53l-33.62 36.46a6 6 0 0 0-1.45 5.33l5.65 26.35a6 6 0 0 0 4.61 4.61l26.35 5.65a6 6 0 0 0 5.33-1.45l36.42-33.62A58.06 58.06 0 0 1 160 154"/></svg> </template>
CSS
.icon-wrench-light {
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%22M224.91%2069.75a6%206%200%200%200-9.63-2.16l-41.07%2037.9l-19.51-4.19l-4.19-19.51l37.9-41.07a6%206%200%200%200-2.16-9.63a70%2070%200%200%200-89.77%2094.39l-61.39%2053c-.11.09-.21.19-.32.3a30%2030%200%200%200%2042.43%2042.45c.11-.11.21-.21.3-.32l53-61.39a70%2070%200%200%200%2094.39-89.77ZM160%20154a58%2058%200%200%201-28-7.22a6%206%200%200%200-7.45%201.33l-55.98%2064.77a18%2018%200%200%201-25.45-25.45l64.76-55.94a6%206%200%200%200%201.32-7.49a58%2058%200%200%201%2064-84.53l-33.62%2036.46a6%206%200%200%200-1.45%205.33l5.65%2026.35a6%206%200%200%200%204.61%204.61l26.35%205.65a6%206%200%200%200%205.33-1.45l36.42-33.62A58.06%2058.06%200%200%201%20160%20154%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%22M224.91%2069.75a6%206%200%200%200-9.63-2.16l-41.07%2037.9l-19.51-4.19l-4.19-19.51l37.9-41.07a6%206%200%200%200-2.16-9.63a70%2070%200%200%200-89.77%2094.39l-61.39%2053c-.11.09-.21.19-.32.3a30%2030%200%200%200%2042.43%2042.45c.11-.11.21-.21.3-.32l53-61.39a70%2070%200%200%200%2094.39-89.77ZM160%20154a58%2058%200%200%201-28-7.22a6%206%200%200%200-7.45%201.33l-55.98%2064.77a18%2018%200%200%201-25.45-25.45l64.76-55.94a6%206%200%200%200%201.32-7.49a58%2058%200%200%201%2064-84.53l-33.62%2036.46a6%206%200%200%200-1.45%205.33l5.65%2026.35a6%206%200%200%200%204.61%204.61l26.35%205.65a6%206%200%200%200%205.33-1.45l36.42-33.62A58.06%2058.06%200%200%201%20160%20154%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/wrench-light.svg?color=%231a73e8&size=48
