Family Restroom Rounded アイコン
material-symbols:family-restroom-rounded
Family Restroom Rounded アイコン(material-symbols:family-restroom-rounded)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- タグ
- bathroom、child、children、family、father、gender、human、kids、mother、parents、people、person、restroom、wc、places、familyrestroom
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18 6q-.825 0-1.412-.587T16 4t.588-1.412T18 2t1.413.588T20 4t-.587 1.413T18 6m-1 15v-7q0-1-.513-1.8t-1.312-1.25l.875-2.575q.2-.625.738-1T18 7t1.213.375t.737 1l2.1 6.3q.175.5-.137.913T21.1 16H20v5q0 .425-.288.713T19 22h-1q-.425 0-.712-.288T17 21m-5.562-9.937Q11 10.625 11 10t.438-1.062T12.5 8.5t1.063.438T14 10t-.437 1.063t-1.063.437t-1.062-.437M5.5 6q-.825 0-1.412-.587T3.5 4t.588-1.412T5.5 2t1.413.588T7.5 4t-.587 1.413T5.5 6m-2 15v-6H3q-.425 0-.712-.288T2 14V9q0-.825.588-1.412T4 7h3q.825 0 1.413.588T9 9v5q0 .425-.288.713T8 15h-.5v6q0 .425-.288.713T6.5 22h-2q-.425 0-.712-.288T3.5 21m7.5 0v-3q-.425 0-.712-.288T10 17v-3q0-.625.438-1.062T11.5 12.5h2q.625 0 1.063.438T15 14v3q0 .425-.288.713T14 18v3q0 .425-.288.713T13 22h-1q-.425 0-.712-.288T11 21"/></svg>Family Restroom Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:family-restroom-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:family-restroom-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:family-restroom-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--family-restroom-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:family-restroom-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:family-restroom-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/family-restroom-rounded.svg" alt="Family Restroom Rounded アイコン" width="24" height="24">Material Symbols の関連アイコン
family-group
family-group-rounded
family-history
family-history-outline
family-history-outline-rounded
family-history-rounded
family-home
family-home-outline
family-home-outline-rounded
family-home-rounded
family-link
family-link-outline
family-link-outline-rounded
family-link-outline-sharp
family-link-rounded
family-link-sharp
family-restroom
family-restroom-sharp
family-star
family-star-outline
family-star-outline-sharp
family-star-sharp
他のアイコンセットの Family Restroom Rounded アイコン
Family Restroom Rounded アイコン のよくある質問
Family Restroom Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Family Restroom Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:family-restroom-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Family Restroom Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/family-restroom-rounded.svg" alt="Family Restroom Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。