Иконка Restroom Outline
glyphs:restroom-outline
Иконка Restroom Outline (glyphs:restroom-outline) — бесплатная SVG-иконка из набора Glyphs от Goran Spasojevic. Она нарисована на сетке 80 × 80. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Glyphs
- Автор
- Goran Spasojevic
- Лицензия
- MIT
- Размер
- 80 × 80
- Теги
- restroomoutline
Код 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>Как использовать иконку 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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Иконка Restroom Outline" width="24" height="24">Похожие иконки в наборе Glyphs
Вопросы и ответы: Иконка Restroom Outline
Можно ли бесплатно использовать иконку Restroom Outline в коммерческих проектах?
Да. Glyphs icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Restroom Outline в React?
Установите @iconify/react и выведите <Icon icon="glyphs:restroom-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Restroom Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/glyphs/restroom-outline.svg" alt="Иконка Restroom Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.