Child Program アイコン
healthicons:child-program
Child Program アイコン(healthicons:child-program)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 人物
- タグ
- childprogram
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M17.8 13.734a3.734 3.734 0 1 1-7.466 0a3.734 3.734 0 0 1 7.467 0"/><path fill-rule="evenodd" d="M9.696 25.995a2 2 0 0 1-3.392-2.12l.004-.006l.007-.011l.024-.038a20 20 0 0 1 .391-.593a25 25 0 0 1 1.022-1.4c.399-.504.889-1.073 1.407-1.535c.259-.231.571-.477.924-.675c.332-.186.851-.416 1.486-.416h4.996c.635 0 1.154.23 1.487.416c.352.198.665.444.923.675c.518.462 1.009 1.031 1.407 1.536a25 25 0 0 1 1.413 1.992l.025.038l.007.01l.003.006s-.035-.054 0 0a2 2 0 0 1-3.391 2.121l-.003-.004l-.016-.025l-.152-.235v2.484l.723 7.595a2 2 0 0 1-3.97.473L14 29.143l-1.02 7.14a2 2 0 0 1-3.971-.473l.84-8.81h.018v-1.27l-.153.236l-.015.025z" clip-rule="evenodd"/><path d="M37.8 13.733a3.733 3.733 0 1 1-7.467 0a3.733 3.733 0 0 1 7.467 0"/><path fill-rule="evenodd" d="M29.701 25.785a2 2 0 0 1-3.402-2.103l.003-.006l.008-.011l.023-.038l.085-.134a26 26 0 0 1 1.313-1.858c.394-.504.88-1.074 1.392-1.537c.257-.231.567-.479.918-.677c.33-.188.85-.421 1.488-.421h4.942c.638 0 1.158.233 1.489.42c.35.2.66.447.917.678c.513.463.998 1.033 1.392 1.537a25 25 0 0 1 1.398 1.991l.024.039l.01.017a2 2 0 0 1-3.402 2.104l-.003-.005l-.015-.025l-.066-.103a22 22 0 0 0-.399-.6c.468 2.331 1.39 5.526 1.872 7.143a.99.99 0 0 1-.738 1.26c-3.537.737-6.013.718-9.854-.014a1 1 0 0 1-.76-1.28c.505-1.624 1.444-4.786 1.889-7.168a24 24 0 0 0-.506.762l-.015.025zm-.101 9.367V36.5a1.5 1.5 0 0 0 2.948.39l.395-1.464a36 36 0 0 1-3.343-.274m5.655.27l.397 1.469A1.5 1.5 0 0 0 38.6 36.5v-1.362a38 38 0 0 1-3.345.283" clip-rule="evenodd"/></g></svg>Child Program アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:child-program" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:child-program" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:child-program" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--child-program]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:child-program"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:child-program"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/child-program.svg" alt="Child Program アイコン" width="24" height="24">Health Icons の関連アイコン
Child Program アイコン のよくある質問
Child Program アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Child Program アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:child-program" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Child Program アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/child-program.svg" alt="Child Program アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。