water pump icon
water-pump-outline from Material Symbols Light by Google · Outline · Home · Apache-2.0 Free for personal and commercial use.
- Name
- water-pump-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- water-pump-outline-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More home icons from Material Symbols Light
activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status
Use the water pump icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 17h5.254q-.713-.444-1.288-1.079q-.574-.634-.925-1.421H3.5zm12.038-1.463Q17 14.076 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463M17.46 9.5h3.04V7h-5.254q.714.444 1.288 1.079q.574.634.926 1.421M2.5 18.77v-6.04h1v.77h2.71q-.108-.365-.159-.737T6 12q0-2.502 1.749-4.251T12 6h8.5v-.77h1v6.04h-1v-.77h-2.71q.108.366.159.738T18 12q0 2.502-1.749 4.251T12 18H3.5v.77zm1-1.77v-2.5zm17-7.5V7zm-9.566 4.278q-.434-.434-.434-1.066q0-.402.18-.82t.643-1.123l.658-.98l.677.98q.502.743.672 1.142t.17.8q0 .633-.434 1.067q-.433.434-1.066.434t-1.066-.434"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWaterPumpOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 17h5.254q-.713-.444-1.288-1.079q-.574-.634-.925-1.421H3.5zm12.038-1.463Q17 14.076 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463M17.46 9.5h3.04V7h-5.254q.714.444 1.288 1.079q.574.634.926 1.421M2.5 18.77v-6.04h1v.77h2.71q-.108-.365-.159-.737T6 12q0-2.502 1.749-4.251T12 6h8.5v-.77h1v6.04h-1v-.77h-2.71q.108.366.159.738T18 12q0 2.502-1.749 4.251T12 18H3.5v.77zm1-1.77v-2.5zm17-7.5V7zm-9.566 4.278q-.434-.434-.434-1.066q0-.402.18-.82t.643-1.123l.658-.98l.677.98q.502.743.672 1.142t.17.8q0 .633-.434 1.067q-.433.434-1.066.434t-1.066-.434"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 17h5.254q-.713-.444-1.288-1.079q-.574-.634-.925-1.421H3.5zm12.038-1.463Q17 14.076 17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17t3.538-1.463M17.46 9.5h3.04V7h-5.254q.714.444 1.288 1.079q.574.634.926 1.421M2.5 18.77v-6.04h1v.77h2.71q-.108-.365-.159-.737T6 12q0-2.502 1.749-4.251T12 6h8.5v-.77h1v6.04h-1v-.77h-2.71q.108.366.159.738T18 12q0 2.502-1.749 4.251T12 18H3.5v.77zm1-1.77v-2.5zm17-7.5V7zm-9.566 4.278q-.434-.434-.434-1.066q0-.402.18-.82t.643-1.123l.658-.98l.677.98q.502.743.672 1.142t.17.8q0 .633-.434 1.067q-.433.434-1.066.434t-1.066-.434"/></svg> </template>
CSS
.icon-water-pump-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.5%2017h5.254q-.713-.444-1.288-1.079q-.574-.634-.925-1.421H3.5zm12.038-1.463Q17%2014.076%2017%2012t-1.463-3.537T12%207T8.463%208.463T7%2012t1.463%203.538T12%2017t3.538-1.463M17.46%209.5h3.04V7h-5.254q.714.444%201.288%201.079q.574.634.926%201.421M2.5%2018.77v-6.04h1v.77h2.71q-.108-.365-.159-.737T6%2012q0-2.502%201.749-4.251T12%206h8.5v-.77h1v6.04h-1v-.77h-2.71q.108.366.159.738T18%2012q0%202.502-1.749%204.251T12%2018H3.5v.77zm1-1.77v-2.5zm17-7.5V7zm-9.566%204.278q-.434-.434-.434-1.066q0-.402.18-.82t.643-1.123l.658-.98l.677.98q.502.743.672%201.142t.17.8q0%20.633-.434%201.067q-.433.434-1.066.434t-1.066-.434%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.5%2017h5.254q-.713-.444-1.288-1.079q-.574-.634-.925-1.421H3.5zm12.038-1.463Q17%2014.076%2017%2012t-1.463-3.537T12%207T8.463%208.463T7%2012t1.463%203.538T12%2017t3.538-1.463M17.46%209.5h3.04V7h-5.254q.714.444%201.288%201.079q.574.634.926%201.421M2.5%2018.77v-6.04h1v.77h2.71q-.108-.365-.159-.737T6%2012q0-2.502%201.749-4.251T12%206h8.5v-.77h1v6.04h-1v-.77h-2.71q.108.366.159.738T18%2012q0%202.502-1.749%204.251T12%2018H3.5v.77zm1-1.77v-2.5zm17-7.5V7zm-9.566%204.278q-.434-.434-.434-1.066q0-.402.18-.82t.643-1.123l.658-.98l.677.98q.502.743.672%201.142t.17.8q0%20.633-.434%201.067q-.433.434-1.066.434t-1.066-.434%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/water-pump-outline.svg?color=%231a73e8&size=48
