pipe wrench icon

pipe-wrench-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: pipe-wrench-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pipe-wrench pipe-wrench-bold pipe-wrench-duotone pipe-wrench-fill pipe-wrench-light

The same icon in other sets

Use the pipe wrench icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m217.46 57.85l-.09-.08l-44.93-42.31a12 12 0 0 0-16.91 0l-47.38 47l-4.35-4.39a21 21 0 0 0-29.68 29.71l4.25 4.31l-22.86 22.74a12 12 0 0 0 0 17l12.69 12.65a12 12 0 0 0 17 0l22.77-22.45l14.91 15.12a4 4 0 0 1 0 5.66L58.14 208.2a21 21 0 1 0 29.67 29.65l88.68-89.37a12 12 0 0 0 0-16.95L138 92.62l15.77-15.45a4 4 0 0 1 5.68 0l37.4 35.35a12 12 0 0 0 16.93 0l3.72-3.71a36 36 0 0 0 0-50.92Zm-137.95 81a4 4 0 0 1-5.65 0l-12.69-12.71a4 4 0 0 1 0-5.65L84 97.78l18.32 18.58Zm91.31 4L82.14 232.2a13 13 0 1 1-18.33-18.36l64.69-65.37a12 12 0 0 0 0-16.94L79.8 82.14a13 13 0 0 1 18.33-18.36l72.7 73.39a4 4 0 0 1-.01 5.67Zm41-39.73l-3.72 3.72a4 4 0 0 1-5.65 0l-.09-.08L165 71.42a12 12 0 0 0-16.85.06l-15.82 15.46l-18.55-18.73l47.39-47a4 4 0 0 1 5.66 0l.09.08l44.92 42.3a28 28 0 0 1 0 39.56Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPipeWrenchThin(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="m217.46 57.85l-.09-.08l-44.93-42.31a12 12 0 0 0-16.91 0l-47.38 47l-4.35-4.39a21 21 0 0 0-29.68 29.71l4.25 4.31l-22.86 22.74a12 12 0 0 0 0 17l12.69 12.65a12 12 0 0 0 17 0l22.77-22.45l14.91 15.12a4 4 0 0 1 0 5.66L58.14 208.2a21 21 0 1 0 29.67 29.65l88.68-89.37a12 12 0 0 0 0-16.95L138 92.62l15.77-15.45a4 4 0 0 1 5.68 0l37.4 35.35a12 12 0 0 0 16.93 0l3.72-3.71a36 36 0 0 0 0-50.92Zm-137.95 81a4 4 0 0 1-5.65 0l-12.69-12.71a4 4 0 0 1 0-5.65L84 97.78l18.32 18.58Zm91.31 4L82.14 232.2a13 13 0 1 1-18.33-18.36l64.69-65.37a12 12 0 0 0 0-16.94L79.8 82.14a13 13 0 0 1 18.33-18.36l72.7 73.39a4 4 0 0 1-.01 5.67Zm41-39.73l-3.72 3.72a4 4 0 0 1-5.65 0l-.09-.08L165 71.42a12 12 0 0 0-16.85.06l-15.82 15.46l-18.55-18.73l47.39-47a4 4 0 0 1 5.66 0l.09.08l44.92 42.3a28 28 0 0 1 0 39.56Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m217.46 57.85l-.09-.08l-44.93-42.31a12 12 0 0 0-16.91 0l-47.38 47l-4.35-4.39a21 21 0 0 0-29.68 29.71l4.25 4.31l-22.86 22.74a12 12 0 0 0 0 17l12.69 12.65a12 12 0 0 0 17 0l22.77-22.45l14.91 15.12a4 4 0 0 1 0 5.66L58.14 208.2a21 21 0 1 0 29.67 29.65l88.68-89.37a12 12 0 0 0 0-16.95L138 92.62l15.77-15.45a4 4 0 0 1 5.68 0l37.4 35.35a12 12 0 0 0 16.93 0l3.72-3.71a36 36 0 0 0 0-50.92Zm-137.95 81a4 4 0 0 1-5.65 0l-12.69-12.71a4 4 0 0 1 0-5.65L84 97.78l18.32 18.58Zm91.31 4L82.14 232.2a13 13 0 1 1-18.33-18.36l64.69-65.37a12 12 0 0 0 0-16.94L79.8 82.14a13 13 0 0 1 18.33-18.36l72.7 73.39a4 4 0 0 1-.01 5.67Zm41-39.73l-3.72 3.72a4 4 0 0 1-5.65 0l-.09-.08L165 71.42a12 12 0 0 0-16.85.06l-15.82 15.46l-18.55-18.73l47.39-47a4 4 0 0 1 5.66 0l.09.08l44.92 42.3a28 28 0 0 1 0 39.56Z"/></svg>
</template>

CSS

.icon-pipe-wrench-thin {
  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%22m217.46%2057.85l-.09-.08l-44.93-42.31a12%2012%200%200%200-16.91%200l-47.38%2047l-4.35-4.39a21%2021%200%200%200-29.68%2029.71l4.25%204.31l-22.86%2022.74a12%2012%200%200%200%200%2017l12.69%2012.65a12%2012%200%200%200%2017%200l22.77-22.45l14.91%2015.12a4%204%200%200%201%200%205.66L58.14%20208.2a21%2021%200%201%200%2029.67%2029.65l88.68-89.37a12%2012%200%200%200%200-16.95L138%2092.62l15.77-15.45a4%204%200%200%201%205.68%200l37.4%2035.35a12%2012%200%200%200%2016.93%200l3.72-3.71a36%2036%200%200%200%200-50.92Zm-137.95%2081a4%204%200%200%201-5.65%200l-12.69-12.71a4%204%200%200%201%200-5.65L84%2097.78l18.32%2018.58Zm91.31%204L82.14%20232.2a13%2013%200%201%201-18.33-18.36l64.69-65.37a12%2012%200%200%200%200-16.94L79.8%2082.14a13%2013%200%200%201%2018.33-18.36l72.7%2073.39a4%204%200%200%201-.01%205.67Zm41-39.73l-3.72%203.72a4%204%200%200%201-5.65%200l-.09-.08L165%2071.42a12%2012%200%200%200-16.85.06l-15.82%2015.46l-18.55-18.73l47.39-47a4%204%200%200%201%205.66%200l.09.08l44.92%2042.3a28%2028%200%200%201%200%2039.56Z%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%22m217.46%2057.85l-.09-.08l-44.93-42.31a12%2012%200%200%200-16.91%200l-47.38%2047l-4.35-4.39a21%2021%200%200%200-29.68%2029.71l4.25%204.31l-22.86%2022.74a12%2012%200%200%200%200%2017l12.69%2012.65a12%2012%200%200%200%2017%200l22.77-22.45l14.91%2015.12a4%204%200%200%201%200%205.66L58.14%20208.2a21%2021%200%201%200%2029.67%2029.65l88.68-89.37a12%2012%200%200%200%200-16.95L138%2092.62l15.77-15.45a4%204%200%200%201%205.68%200l37.4%2035.35a12%2012%200%200%200%2016.93%200l3.72-3.71a36%2036%200%200%200%200-50.92Zm-137.95%2081a4%204%200%200%201-5.65%200l-12.69-12.71a4%204%200%200%201%200-5.65L84%2097.78l18.32%2018.58Zm91.31%204L82.14%20232.2a13%2013%200%201%201-18.33-18.36l64.69-65.37a12%2012%200%200%200%200-16.94L79.8%2082.14a13%2013%200%200%201%2018.33-18.36l72.7%2073.39a4%204%200%200%201-.01%205.67Zm41-39.73l-3.72%203.72a4%204%200%200%201-5.65%200l-.09-.08L165%2071.42a12%2012%200%200%200-16.85.06l-15.82%2015.46l-18.55-18.73l47.39-47a4%204%200%200%201%205.66%200l.09.08l44.92%2042.3a28%2028%200%200%201%200%2039.56Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pipe-wrench-thin.svg?color=%231a73e8&size=48