Restroom アイコン
glyphs-poly:restroom
Restroom アイコン(glyphs-poly:restroom)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path stroke="#bb6bd9" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M39 68.135v-55"/><path fill="#2f80ed" fill-rule="evenodd" d="M11.667 32A6.667 6.667 0 0 0 5 38.667v10A3.333 3.333 0 0 0 8.333 52H11v14a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V52h2.667A3.333 3.333 0 0 0 27 48.667v-10A6.667 6.667 0 0 0 20.333 32z" clip-rule="evenodd"/><path fill="#2f80ed" d="M11 52h2a2 2 0 0 0-2-2zm10 0v-2a2 2 0 0 0-2 2zM7 38.667A4.667 4.667 0 0 1 11.667 34v-4A8.667 8.667 0 0 0 3 38.667zm0 10v-10H3v10zM8.333 50A1.333 1.333 0 0 1 7 48.667H3A5.333 5.333 0 0 0 8.333 54zM11 50H8.333v4H11zm2 16V52H9v14zm0 0H9a4 4 0 0 0 4 4zm6 0h-6v4h6zm0 0v4a4 4 0 0 0 4-4zm0-14v14h4V52zm4.667-2H21v4h2.667zM25 48.667c0 .736-.597 1.333-1.333 1.333v4A5.333 5.333 0 0 0 29 48.667zm0-10v10h4v-10zM20.333 34A4.667 4.667 0 0 1 25 38.667h4A8.667 8.667 0 0 0 20.333 30zm-8.666 0h8.666v-4h-8.666z"/><path fill="#2f80ed" stroke="#2f80ed" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M12.873 26.494a7.208 7.208 0 1 0 6.254-12.988a7.208 7.208 0 0 0-6.254 12.988"/><path fill="#9b51e0" fill-rule="evenodd" d="M67.819 34.27a6.554 6.554 0 0 0-9.922 0l-.12.139a7 7 0 0 0-1.352 2.403l-5.406 16.692a.38.38 0 0 0 .36.496H58v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V54h6.336a.38.38 0 0 0 .361-.496l-5.406-16.692a7 7 0 0 0-1.352-2.403z" clip-rule="evenodd"/><path fill="#9b51e0" d="m67.819 34.27l-1.514 1.308zm-9.922 0l-1.514-1.307zm-.12.139l1.514 1.307zm-1.352 2.403l-1.903-.616zm-5.406 16.692l-1.903-.617zM58 54h2a2 2 0 0 0-2-2zm10 0v-2a2 2 0 0 0-2 2zm6.697-.496l1.903-.617zm-5.406-16.692l1.903-.616zm-1.352-2.403l1.513-1.307zM62.858 34c1.324 0 2.582.576 3.447 1.578l3.027-2.615A8.56 8.56 0 0 0 62.858 30zm-3.447 1.578A4.56 4.56 0 0 1 62.858 34v-4a8.56 8.56 0 0 0-6.474 2.963zm-.12.138l.12-.138l-3.028-2.615l-.12.139zm-.964 1.712a5 5 0 0 1 .964-1.712l-3.027-2.614a9 9 0 0 0-1.742 3.094zM52.921 54.12l5.406-16.692l-3.805-1.232l-5.406 16.691zM51.38 52a1.62 1.62 0 0 1 1.541 2.12l-3.805-1.233A2.38 2.38 0 0 0 51.38 56zM58 52h-6.62v4H58zm2 14V54h-4v12zm0 0h-4a4 4 0 0 0 4 4zm6 0h-6v4h6zm0 0v4a4 4 0 0 0 4-4zm0-12v12h4V54zm8.336-2H68v4h6.336zm-1.541 2.12A1.62 1.62 0 0 1 74.336 52v4a2.38 2.38 0 0 0 2.264-3.113zm-5.406-16.692l5.406 16.692l3.805-1.233l-5.406-16.691zm-.964-1.712c.432.5.76 1.083.964 1.712l3.805-1.232a9 9 0 0 0-1.742-3.094zm-.12-.138l.12.138l3.027-2.614l-.12-.139z"/><path fill="#9b51e0" stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M59.873 26.494a7.208 7.208 0 1 0 6.254-12.988a7.208 7.208 0 0 0-6.254 12.988"/></g></svg>
Restroom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:restroom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:restroom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:restroom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--restroom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:restroom"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:restroom"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/restroom.svg" alt="Restroom アイコン" width="24" height="24">
Restroom アイコン のよくある質問
Restroom アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Restroom アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:restroom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Restroom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/restroom.svg" alt="Restroom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
