Restroom アイコン
fluent-emoji-flat:restroom
Restroom アイコン(fluent-emoji-flat:restroom)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 記号
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#00a6ed" d="M2 6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4z"/><path fill="#fff" d="M15.45 25.45a.55.55 0 1 0 1.1-.01V6.89c0-.3-.24-.55-.55-.55c-.3 0-.55.24-.55.55zm7.18-14.71a2.2 2.2 0 1 0 0-4.4a2.2 2.2 0 0 0 0 4.4m5.32 5.56l-.97-3.58a1.77 1.77 0 0 0-1.66-1.17h-5.28c-.75 0-1.41.47-1.66 1.17l-.97 3.58c-.16.45.05.96.49 1.13q.165.06.33.06c.36 0 .7-.22.83-.58c0 0 .64-2.37.88-3.24c.05-.18.22-.31.41-.31c.28 0 .48.27.41.54l-1.57 5.83c-.09.33.16.66.5.66h.65c.06 0 .11.05.11.11v4.25c0 .47.36.88.84.9c.5.02.92-.38.92-.88v-3.95c0-.24.2-.44.44-.44s.44.2.44.44v3.93c0 .47.36.88.84.9c.5.02.92-.38.92-.88v-4.28c0-.06.05-.11.11-.11h.71c.34 0 .59-.33.5-.66L24.6 13.9a.43.43 0 0 1 .41-.54c.19 0 .36.13.41.31c.29 1.06.88 3.24.88 3.24c.13.36.47.58.83.58q.165 0 .33-.06c.44-.17.65-.68.49-1.13m-15.91-4.75H6.3c-1.08 0-1.96.88-1.96 1.96v3.59c0 .47.36.88.84.9c.5.02.92-.38.92-.88v-3.07c0-.24.2-.44.44-.44s.44.2.44.44v10.71c0 .47.36.88.84.9c.5.02.92-.38.92-.88v-5.802c0-.24.2-.44.44-.44s.44.2.44.44v5.772c0 .47.36.88.84.9c.5.02.92-.38.92-.88V14.05c0-.24.2-.44.44-.44s.44.2.44.44v3.07c0 .5.42.9.92.88c.47-.02.84-.43.84-.9v-3.59c-.02-1.08-.9-1.96-1.98-1.96m-.72-3.01a2.2 2.2 0 1 1-4.4 0a2.2 2.2 0 0 1 4.4 0"/></g></svg>
Restroom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:restroom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:restroom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:restroom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--restroom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:restroom"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:restroom"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/restroom.svg" alt="Restroom アイコン" width="24" height="24">
Restroom アイコン のよくある質問
Restroom アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Restroom アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:restroom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Restroom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/restroom.svg" alt="Restroom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
