Restroom Outline icon
glyphs:restroom-outline
The Restroom Outline icon (glyphs:restroom-outline) is a free SVG icon from the Glyphs set by Goran Spasojevic. It is drawn on a 80 × 80 grid. Glyphs icons are released under the MIT 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
- Glyphs
- Author
- Goran Spasojevic
- License
- MIT
- Size
- 80 × 80
- Tags
- restroomoutline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M24.977 22.049A9.208 9.208 0 1 1 7.023 17.95a9.208 9.208 0 0 1 17.954 4.098m-14.054-.89a5.208 5.208 0 1 0 10.155-2.318a5.208 5.208 0 0 0-10.155 2.318" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M39 11.135a2 2 0 0 1 2 2v55a2 2 0 1 1-4 0v-55a2 2 0 0 1 2-2"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M3 38.666A8.667 8.667 0 0 1 11.667 30h8.666A8.667 8.667 0 0 1 29 38.666v10A5.333 5.333 0 0 1 23.667 54H23v12a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V54h-.667A5.333 5.333 0 0 1 3 48.666zM11.667 34A4.667 4.667 0 0 0 7 38.666v10C7 49.403 7.597 50 8.333 50H11a2 2 0 0 1 2 2v14h6V52a2 2 0 0 1 2-2h2.667c.736 0 1.333-.597 1.333-1.334v-10A4.667 4.667 0 0 0 20.333 34zm44.717-1.037a8.555 8.555 0 0 1 12.948 0l.12.139a9 9 0 0 1 1.742 3.094L76.6 52.887A2.38 2.38 0 0 1 74.336 56H70v10a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V56h-4.62a2.38 2.38 0 0 1-2.264-3.113l5.406-16.691a9 9 0 0 1 1.742-3.094zM62.858 34a4.56 4.56 0 0 0-3.447 1.578l-.12.138c-.432.5-.76 1.083-.964 1.712L53.608 52H58a2 2 0 0 1 2 2v12h6V54a2 2 0 0 1 2-2h4.108l-4.72-14.572a5 5 0 0 0-.963-1.712l-.12-.139A4.56 4.56 0 0 0 62.858 34" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M66.995 28.296a9.208 9.208 0 1 1-7.99-16.592a9.208 9.208 0 0 1 7.99 16.592m-6.255-3.604a5.208 5.208 0 1 0 4.52-9.385a5.208 5.208 0 0 0-4.52 9.385" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.977 22.049A9.208 9.208 0 1 1 7.023 17.95a9.208 9.208 0 0 1 17.954 4.098m-14.054-.89a5.208 5.208 0 1 0 10.155-2.318a5.208 5.208 0 0 0-10.155 2.318" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39 11.135a2 2 0 0 1 2 2v55a2 2 0 1 1-4 0v-55a2 2 0 0 1 2-2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3 38.666A8.667 8.667 0 0 1 11.667 30h8.666A8.667 8.667 0 0 1 29 38.666v10A5.333 5.333 0 0 1 23.667 54H23v12a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V54h-.667A5.333 5.333 0 0 1 3 48.666zM11.667 34A4.667 4.667 0 0 0 7 38.666v10C7 49.403 7.597 50 8.333 50H11a2 2 0 0 1 2 2v14h6V52a2 2 0 0 1 2-2h2.667c.736 0 1.333-.597 1.333-1.334v-10A4.667 4.667 0 0 0 20.333 34zm44.717-1.037a8.555 8.555 0 0 1 12.948 0l.12.139a9 9 0 0 1 1.742 3.094L76.6 52.887A2.38 2.38 0 0 1 74.336 56H70v10a4 4 0 0 1-4 4h-6a4 4 0 0 1-4-4V56h-4.62a2.38 2.38 0 0 1-2.264-3.113l5.406-16.691a9 9 0 0 1 1.742-3.094zM62.858 34a4.56 4.56 0 0 0-3.447 1.578l-.12.138c-.432.5-.76 1.083-.964 1.712L53.608 52H58a2 2 0 0 1 2 2v12h6V54a2 2 0 0 1 2-2h4.108l-4.72-14.572a5 5 0 0 0-.963-1.712l-.12-.139A4.56 4.56 0 0 0 62.858 34" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M66.995 28.296a9.208 9.208 0 1 1-7.99-16.592a9.208 9.208 0 0 1 7.99 16.592m-6.255-3.604a5.208 5.208 0 1 0 4.52-9.385a5.208 5.208 0 0 0-4.52 9.385" clip-rule="evenodd"/></g></svg>How to use the Restroom Outline icon
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:restroom-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:restroom-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:restroom-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--restroom-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:restroom-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:restroom-outline"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Restroom Outline icon" width="24" height="24">Related icons in Glyphs
Restroom Outline icon FAQ
Is the Restroom Outline icon free for commercial use?
Yes. Glyphs icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Restroom Outline icon in React?
Install @iconify/react and render <Icon icon="glyphs:restroom-outline" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Restroom Outline icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Restroom Outline icon">, or paste the SVG code inline to style it with CSS.