Ícone Restroom Outline
glyphs:restroom-outline
O ícone Restroom Outline (glyphs:restroom-outline) é um ícone SVG gratuito da coleção Glyphs de Goran Spasojevic. Ele é desenhado em uma grade de 80 × 80. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Glyphs
- Autor
- Goran Spasojevic
- Licença
- MIT
- Tamanho
- 80 × 80
- Tags
- restroomoutline
Código SVG
<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>Como usar o ícone Restroom Outline
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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Ícone Restroom Outline" width="24" height="24">Ícones relacionados em Glyphs
Perguntas frequentes sobre Ícone Restroom Outline
O ícone Restroom Outline é grátis para uso comercial?
Sim. Glyphs icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Restroom Outline no React?
Instale @iconify/react e renderize <Icon icon="glyphs:restroom-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Restroom Outline a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Ícone Restroom Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.