Plumbing icon
whh:plumbing
The Plumbing icon (whh:plumbing) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M960 768H704q-26 0-45-19t-19-45.5t19-45t45-18.5q0-64-128-64h-64q0 27-18.5 45.5T448 640h-64q-26 0-45-18.5T320 576H128q0 27-18.5 45.5t-45 18.5T19 621.5T0 576V320q0-27 19-45.5T64.5 256t45 18.5T128 320h192q0-27 19-45.5t45-18.5v-70q-26-9-43.5-31.5T321 104q-34 10-73 17t-56 7q-26 0-45-18.5T128 64t19-45.5T192 0q21 0 70 9.5T344 33q29-33 72-33t72 33q33-14 82-23.5T640 0q27 0 45.5 18.5T704 64t-18.5 45.5T640 128q-17 0-56-7t-73-17q-2 28-19.5 50.5T448 186v70q27 0 45.5 18.5T512 320h64q107 0 193.5 38T908 469.5T960 640q27 0 45.5 18.5t18.5 45t-18.5 45.5t-45.5 19m0 160q0 40-28 68t-68 28t-68-28t-28-68q0-24 22.5-63.5t46-68T864 768q6 0 29.5 28.5t45 68T960 928"/></svg>How to use the Plumbing icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:plumbing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:plumbing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:plumbing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--plumbing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:plumbing"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:plumbing"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/whh/plumbing.svg" alt="Plumbing icon" width="24" height="24">Plumbing icon in other icon sets
Plumbing icon FAQ
Is the Plumbing icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Plumbing icon in React?
Install @iconify/react and render <Icon icon="whh:plumbing" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Plumbing icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/plumbing.svg" alt="Plumbing icon">, or paste the SVG code inline to style it with CSS.