Child Care Outline アイコン
material-symbols:child-care-outline
Child Care Outline アイコン(material-symbols:child-care-outline)は、Material Symbols セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 家庭用品
- タグ
- babies、baby、care、child、children、face、infant、kids、newborn、toddler、young、places、childcare、careoutline、childcareoutline、child care outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.613 11.388q-.363-.363-.363-.888t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m-5 0q-.362-.362-.362-.887t.363-.888t.887-.362t.888.363t.362.887t-.363.888t-.887.362t-.888-.363m.676 4.788Q8.075 15.35 7.5 14h9q-.575 1.35-1.787 2.175T12 17t-2.713-.825m-.8 4.113q-1.637-.713-2.85-1.925t-1.925-2.85T3 12t.713-3.512t1.924-2.85t2.85-1.925T12 3t3.513.713t2.85 1.924t1.925 2.85T21 12t-.712 3.513t-1.925 2.85t-2.85 1.925T12 21t-3.512-.712m8.462-3.338Q19 14.9 19 12t-2.05-4.95T12 5h-.3q-.15 0-.3.05q-.15.15-.2.325t-.05.375q0 .525.362.888T12.4 7q.225 0 .413-.075t.387-.075q.3 0 .5.225t.2.525q0 .575-.538.738T12.4 8.5q-1.125 0-1.937-.812T9.65 5.75V5.6q0-.075.025-.2Q7.6 6.15 6.3 7.925T5 12q0 2.9 2.05 4.95T12 19t4.95-2.05M12 12"/></svg>Child Care Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:child-care-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:child-care-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:child-care-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--child-care-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:child-care-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:child-care-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols/child-care-outline.svg" alt="Child Care Outline アイコン" width="24" height="24">Material Symbols の関連アイコン
他のアイコンセットの Child Care Outline アイコン
Child Care Outline アイコン のよくある質問
Child Care Outline アイコンは商用利用でも無料ですか?
はい。Material Symbols icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Child Care Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols:child-care-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Child Care Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols/child-care-outline.svg" alt="Child Care Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。