No Drinking Water icon
guidance:no-drinking-water
The No Drinking Water icon (guidance:no-drinking-water) is a free SVG icon from the Guidance set by Streamline. It is drawn on a 24 × 24 grid. Guidance icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Guidance
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Prohibition
- Tags
- nodrinking, drinkingwater, nodrinkingwater
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 23.5H5v.5h.5zM3.74 7.8l.488-.111zm.247-1.161l-.111-.488l-.975.223l.112.487zM18.5 23.5v.5h.5v-.5zm1.76-15.7l-.488-.111zm.24-1.05l.487.111l.013-.055V6.75zm0-.25h.5V6h-.5zM10.135 3.396l-.362-.346zm1.04-1.089l.361.346zm1.65 0l-.362.346zm1.04 1.089l.361-.346zM18 13v-.5zM6 13v.5zm7-.17v.5h.086l.08-.03zM6 23.5v-.102H5v.102zM4.228 7.689l-.24-1.05l-.975.222l.24 1.05zM5.5 24h13v-1h-13zm13.5-.5v-.102h-1v.102zm1.747-15.588l.24-1.05l-.974-.223l-.24 1.05zM21 6.75V6.5h-1v.25zM17 7h3.5V6H17zM6 23.398A70.5 70.5 0 0 0 4.228 7.69l-.975.223A69.5 69.5 0 0 1 5 23.398zM9 5c0 .864.29 1.622.834 2.166S11.136 8 12 8V7c-.636 0-1.128-.21-1.46-.541C10.21 6.128 10 5.636 10 5zm.773-1.95A2.82 2.82 0 0 0 9 5h1c0-.476.18-.929.496-1.26zm1.04-1.088L9.773 3.05l.723.69l1.04-1.087zM11.5 0c0 .693-.271 1.527-.687 1.962l.723.69c.642-.67.964-1.781.964-2.652zm1.686 1.962C12.771 1.527 12.5.692 12.5 0h-1c0 .87.322 1.982.963 2.653zm1.04 1.088l-1.04-1.088l-.723.69l1.04 1.089zM15 5c0-.727-.276-1.43-.774-1.95l-.723.69c.316.331.497.784.497 1.26zm-3 3c.863 0 1.622-.29 2.166-.834S15 5.864 15 5h-1c0 .636-.21 1.128-.541 1.459S12.636 7 11.999 7zm6 4.5a2.5 2.5 0 0 1-2.5-2.5h-1a3.5 3.5 0 0 0 3.5 3.5zm-12 0H4.723v1H6zm12 1h1.277v-1H18zm-4.833-.2A3.5 3.5 0 0 0 15.5 10h-1a2.5 2.5 0 0 1-1.667 2.358zM6 13.5a3.5 3.5 0 0 0 3.031-1.75l-.865-.5A2.5 2.5 0 0 1 6 12.5zm12.307 5.514l4.84 4.84l.707-.708l-4.84-4.839zm.852-.32a69.5 69.5 0 0 1 1.588-10.782l-.974-.223a70.5 70.5 0 0 0-1.611 10.938zM19 23.398q0-.943.026-1.884l-1-.028A70 70 0 0 0 18 23.398zM.146.854l12.33 12.329l.707-.707L.853.146zm12.33 12.329l5.831 5.831l.707-.707l-5.831-5.831zm.524-.854h-.17v1H13z"/></svg>
How to use the No Drinking Water icon
React
import { Icon } from "@iconify/react";
<Icon icon="guidance:no-drinking-water" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="guidance:no-drinking-water" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="guidance:no-drinking-water" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[guidance--no-drinking-water]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/guidance -->
<div class="i-guidance:no-drinking-water"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="guidance:no-drinking-water"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/guidance/no-drinking-water.svg" alt="No Drinking Water icon" width="24" height="24">
Related icons in Guidance
No Drinking Water icon FAQ
Is the No Drinking Water icon free for commercial use?
Yes. Guidance icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the No Drinking Water icon in React?
Install @iconify/react and render <Icon icon="guidance:no-drinking-water" />, or use “Copy code” on this page to get a standalone React component.
How do I add the No Drinking Water icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/guidance/no-drinking-water.svg" alt="No Drinking Water icon">, or paste the SVG code inline to style it with CSS.
Browse all Guidance icons →
