Restrooms アイコン
medical-icon:restrooms
Restrooms アイコン(medical-icon:restrooms)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Medical Icons
- 作者
- Samuel Frémondière
- ライセンス
- MIT
- サイズ
- 64 × 64
- タグ
- restroom
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M56.016.917S7.228.902 7.242.917C2.745.917.217 3.242.217 7.991v48.966c0 4.443 2.273 6.769 6.766 6.769h49.173c4.493 0 6.769-2.21 6.769-6.769V7.991C62.926 3.357 60.65.917 56.016.917M45.241 8.255a3.826 3.826 0 1 1-.003 7.651a3.826 3.826 0 0 1 .003-7.651m-27.443.247a3.826 3.826 0 1 1-.001 7.651a3.826 3.826 0 0 1 .001-7.651m9.042 25.914a1.566 1.566 0 0 1-3.131 0V23.454H22.66v12.528h-.006v17.703a2.087 2.087 0 1 1-4.174 0V35.982h-1.377v17.703a2.087 2.087 0 0 1-4.174 0V35.982h-.008V23.454h-1.05v10.962a1.565 1.565 0 0 1-3.131 0V23.289q0-.07.006-.134v-1.932a3.68 3.68 0 0 1 3.681-3.681H23.15a3.68 3.68 0 0 1 3.681 3.681v1.932q.006.066.006.134v11.127zm5.749 21.105H29.89V8.336h2.699zm22.27-21.207a1.566 1.566 0 0 1-1.916-1.106l-2.696-9.998h-1.132l4.823 18.089h-4.524v12.489a1.739 1.739 0 1 1-3.479 0V41.3h-1.383v12.488a1.739 1.739 0 1 1-3.478 0V41.3h-4.527l4.806-18.09H40.25l-2.648 9.998a1.565 1.565 0 0 1-3.022-.81l3.371-12.727q.025-.09.059-.175a2.98 2.98 0 0 1 2.876-2.21h8.685a2.98 2.98 0 0 1 2.831 2.056q.082.154.132.328l3.432 12.728a1.566 1.566 0 0 1-1.106 1.916z"/></svg>Restrooms アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:restrooms" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:restrooms" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:restrooms" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--restrooms]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:restrooms"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:restrooms"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/medical-icon/restrooms.svg" alt="Restrooms アイコン" width="24" height="24">Restrooms アイコン のよくある質問
Restrooms アイコンは商用利用でも無料ですか?
はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Restrooms アイコンを使うには?
@iconify/react をインストールして <Icon icon="medical-icon:restrooms" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Restrooms アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/restrooms.svg" alt="Restrooms アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。