pipe wrench icon
pipe-wrench-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- pipe-wrench-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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="M218.87 56.44a2 2 0 0 1-.13-.13L173.83 14a14 14 0 0 0-19.71.06l-46 45.62l-3-3a23 23 0 0 0-32.42 32.5l2.85 2.89l-21.45 21.34a14 14 0 0 0 0 19.8l12.69 12.69a14 14 0 0 0 19.76 0l21.35-21.05l13.51 13.7a2 2 0 0 1 0 2.83l-64.68 65.41a23 23 0 1 0 32.5 32.47l88.67-89.36a14 14 0 0 0 0-19.78l-37.11-37.48l14.35-14.06a2 2 0 0 1 2.82 0l.07.07L195.42 114a14 14 0 0 0 19.74-.07l3.71-3.72a38 38 0 0 0 0-53.74Zm-140.77 81a2 2 0 0 1-2.83 0l-12.69-12.71a2 2 0 0 1-.58-1.42a2 2 0 0 1 .57-1.4L84 100.62l15.5 15.72Zm91.3 4l-88.67 89.35a11 11 0 1 1-15.49-15.54l64.67-65.37a14 14 0 0 0 0-19.75l-48.7-49.4a11 11 0 0 1 15.5-15.54l72.7 73.39a2 2 0 0 1-.01 2.85Zm41-39.73l-3.71 3.71a2 2 0 0 1-2.83 0l-.12-.12L166.31 70a14 14 0 0 0-19.61.1l-14.35 14.02l-15.75-15.9l46-45.64a2 2 0 0 1 2.84 0l.12.13L210.45 65a26 26 0 0 1-.07 36.71Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPipeWrenchLight(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="M218.87 56.44a2 2 0 0 1-.13-.13L173.83 14a14 14 0 0 0-19.71.06l-46 45.62l-3-3a23 23 0 0 0-32.42 32.5l2.85 2.89l-21.45 21.34a14 14 0 0 0 0 19.8l12.69 12.69a14 14 0 0 0 19.76 0l21.35-21.05l13.51 13.7a2 2 0 0 1 0 2.83l-64.68 65.41a23 23 0 1 0 32.5 32.47l88.67-89.36a14 14 0 0 0 0-19.78l-37.11-37.48l14.35-14.06a2 2 0 0 1 2.82 0l.07.07L195.42 114a14 14 0 0 0 19.74-.07l3.71-3.72a38 38 0 0 0 0-53.74Zm-140.77 81a2 2 0 0 1-2.83 0l-12.69-12.71a2 2 0 0 1-.58-1.42a2 2 0 0 1 .57-1.4L84 100.62l15.5 15.72Zm91.3 4l-88.67 89.35a11 11 0 1 1-15.49-15.54l64.67-65.37a14 14 0 0 0 0-19.75l-48.7-49.4a11 11 0 0 1 15.5-15.54l72.7 73.39a2 2 0 0 1-.01 2.85Zm41-39.73l-3.71 3.71a2 2 0 0 1-2.83 0l-.12-.12L166.31 70a14 14 0 0 0-19.61.1l-14.35 14.02l-15.75-15.9l46-45.64a2 2 0 0 1 2.84 0l.12.13L210.45 65a26 26 0 0 1-.07 36.71Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.87 56.44a2 2 0 0 1-.13-.13L173.83 14a14 14 0 0 0-19.71.06l-46 45.62l-3-3a23 23 0 0 0-32.42 32.5l2.85 2.89l-21.45 21.34a14 14 0 0 0 0 19.8l12.69 12.69a14 14 0 0 0 19.76 0l21.35-21.05l13.51 13.7a2 2 0 0 1 0 2.83l-64.68 65.41a23 23 0 1 0 32.5 32.47l88.67-89.36a14 14 0 0 0 0-19.78l-37.11-37.48l14.35-14.06a2 2 0 0 1 2.82 0l.07.07L195.42 114a14 14 0 0 0 19.74-.07l3.71-3.72a38 38 0 0 0 0-53.74Zm-140.77 81a2 2 0 0 1-2.83 0l-12.69-12.71a2 2 0 0 1-.58-1.42a2 2 0 0 1 .57-1.4L84 100.62l15.5 15.72Zm91.3 4l-88.67 89.35a11 11 0 1 1-15.49-15.54l64.67-65.37a14 14 0 0 0 0-19.75l-48.7-49.4a11 11 0 0 1 15.5-15.54l72.7 73.39a2 2 0 0 1-.01 2.85Zm41-39.73l-3.71 3.71a2 2 0 0 1-2.83 0l-.12-.12L166.31 70a14 14 0 0 0-19.61.1l-14.35 14.02l-15.75-15.9l46-45.64a2 2 0 0 1 2.84 0l.12.13L210.45 65a26 26 0 0 1-.07 36.71Z"/></svg> </template>
CSS
.icon-pipe-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%22M218.87%2056.44a2%202%200%200%201-.13-.13L173.83%2014a14%2014%200%200%200-19.71.06l-46%2045.62l-3-3a23%2023%200%200%200-32.42%2032.5l2.85%202.89l-21.45%2021.34a14%2014%200%200%200%200%2019.8l12.69%2012.69a14%2014%200%200%200%2019.76%200l21.35-21.05l13.51%2013.7a2%202%200%200%201%200%202.83l-64.68%2065.41a23%2023%200%201%200%2032.5%2032.47l88.67-89.36a14%2014%200%200%200%200-19.78l-37.11-37.48l14.35-14.06a2%202%200%200%201%202.82%200l.07.07L195.42%20114a14%2014%200%200%200%2019.74-.07l3.71-3.72a38%2038%200%200%200%200-53.74Zm-140.77%2081a2%202%200%200%201-2.83%200l-12.69-12.71a2%202%200%200%201-.58-1.42a2%202%200%200%201%20.57-1.4L84%20100.62l15.5%2015.72Zm91.3%204l-88.67%2089.35a11%2011%200%201%201-15.49-15.54l64.67-65.37a14%2014%200%200%200%200-19.75l-48.7-49.4a11%2011%200%200%201%2015.5-15.54l72.7%2073.39a2%202%200%200%201-.01%202.85Zm41-39.73l-3.71%203.71a2%202%200%200%201-2.83%200l-.12-.12L166.31%2070a14%2014%200%200%200-19.61.1l-14.35%2014.02l-15.75-15.9l46-45.64a2%202%200%200%201%202.84%200l.12.13L210.45%2065a26%2026%200%200%201-.07%2036.71Z%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%22M218.87%2056.44a2%202%200%200%201-.13-.13L173.83%2014a14%2014%200%200%200-19.71.06l-46%2045.62l-3-3a23%2023%200%200%200-32.42%2032.5l2.85%202.89l-21.45%2021.34a14%2014%200%200%200%200%2019.8l12.69%2012.69a14%2014%200%200%200%2019.76%200l21.35-21.05l13.51%2013.7a2%202%200%200%201%200%202.83l-64.68%2065.41a23%2023%200%201%200%2032.5%2032.47l88.67-89.36a14%2014%200%200%200%200-19.78l-37.11-37.48l14.35-14.06a2%202%200%200%201%202.82%200l.07.07L195.42%20114a14%2014%200%200%200%2019.74-.07l3.71-3.72a38%2038%200%200%200%200-53.74Zm-140.77%2081a2%202%200%200%201-2.83%200l-12.69-12.71a2%202%200%200%201-.58-1.42a2%202%200%200%201%20.57-1.4L84%20100.62l15.5%2015.72Zm91.3%204l-88.67%2089.35a11%2011%200%201%201-15.49-15.54l64.67-65.37a14%2014%200%200%200%200-19.75l-48.7-49.4a11%2011%200%200%201%2015.5-15.54l72.7%2073.39a2%202%200%200%201-.01%202.85Zm41-39.73l-3.71%203.71a2%202%200%200%201-2.83%200l-.12-.12L166.31%2070a14%2014%200%200%200-19.61.1l-14.35%2014.02l-15.75-15.9l46-45.64a2%202%200%200%201%202.84%200l.12.13L210.45%2065a26%2026%200%200%201-.07%2036.71Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pipe-wrench-light.svg?color=%231a73e8&size=48
