ICONYZ
日本語
Health Icons の Pediatrics アイコン

Pediatrics アイコン

healthicons:pediatrics

Pediatrics アイコン(healthicons:pediatrics)は、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
カテゴリ
専門分野
タグ
pediatric
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm19.056 8.278a4.278 4.278 0 1 1-8.556 0a4.278 4.278 0 0 1 8.555 0m-.39 9.032c1.362-.194 2.791-.488 4.37-.878a2 2 0 1 0-.96-3.883c-2.945.728-5.142 1.05-7.29 1.041c-2.155-.008-4.36-.348-7.328-1.047a2 2 0 1 0-.916 3.894c1.567.369 2.99.657 4.347.853v1.488h7.778zm-7.777 3.023v1.51c0 .492.444 1.757 1.805 2.363c.156.07.33.156.488.235l.093.045c.193.096.38.186.57.267c.394.167.702.247.933.247c.23 0 .538-.08.933-.247c.19-.08.377-.171.57-.267l.093-.046c.157-.078.332-.165.488-.234c1.361-.606 1.805-1.871 1.805-2.364v-1.509zm-2.664 7.77c0-1.743.664-3.064 1.871-4.115c.372.628.99 1.26 1.909 1.678c-.139.13-.27.282-.395.468c-.39.579-.724 1.294-.724 1.969c0 .616.253 1.146.445 1.548l.013.03c.212.443.345.742.345 1.057c0 .71-.61 1.262-1.33 1.262c-.672 0-1.203-.448-1.599-1.313c-.387-.846-.535-1.89-.535-2.584m9.326-2.437c.92-.418 1.537-1.05 1.909-1.678c1.206 1.05 1.87 2.371 1.87 4.114c0 .696-.148 1.739-.534 2.584c-.396.866-.928 1.313-1.6 1.313c-.72 0-1.33-.551-1.33-1.261c0-.316.134-.614.345-1.058l.014-.03c.191-.401.444-.931.444-1.548c0-.674-.334-1.39-.723-1.969a2.7 2.7 0 0 0-.395-.467" clip-rule="evenodd"/></svg>

Pediatrics アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:pediatrics" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:pediatrics" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:pediatrics" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--pediatrics]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:pediatrics"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:pediatrics"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/pediatrics.svg" alt="Pediatrics アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Pediatrics アイコン

Pediatrics アイコン のよくある質問

Pediatrics アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Pediatrics アイコンを使うには?

@iconify/react をインストールして <Icon icon="healthicons:pediatrics" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Pediatrics アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/pediatrics.svg" alt="Pediatrics アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Health Icons をすべて見る →