Pediatrics アイコン
medical-icon:pediatrics
Pediatrics アイコン(medical-icon:pediatrics)は、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
- タグ
- pediatric
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M30.147 23.587c-.838 0-1.292-.851-1.295-.86a.753.753 0 0 0-1.337.69c.033.065.863 1.676 2.632 1.676c.693 0 1.269-.148 1.732-.428c.442.304 1.013.47 1.713.47c1.619 0 2.382-1.684 2.416-1.756a.75.75 0 0 0-.381-.987a.745.745 0 0 0-.995.379c-.002.007-.404.862-1.041.862c-.563 0-.812-.143-.917-.234v-1.271a1.11 1.11 0 0 0 .898-1.085c0-.626-.508-1.158-1.105-1.158l-1.047.009a1.15 1.15 0 0 0-1.147 1.149c0 .544.382 1.005.896 1.121v1.183c-.134.097-.434.242-1.024.242zm-2.035-4.467a1.234 1.234 0 1 0 .002-2.468a1.234 1.234 0 0 0-.002 2.468m7.557 0a1.234 1.234 0 1 0 .006-2.468a1.234 1.234 0 0 0-.006 2.468"/><path fill="currentColor" d="M55.272.359H8.487C3.902.359.173 4.089.173 8.675v46.78c0 4.586 3.73 8.317 8.314 8.317h46.785c4.584 0 8.314-3.731 8.314-8.317V8.675c0-4.586-3.729-8.316-8.314-8.316M22.817 7.555c3.809-.186 4.54 2.634 4.54 2.634s1.767-1.08 4.526-1.08s4.522 1.08 4.522 1.08s.733-2.819 4.542-2.634c2.219.107 4.031 1.961 4.031 4.184c0 2.081-1.369 4.875-3.602 4.946l-.284.009c.064.378.088 1.433.088 1.712c0 5.128-4.172 9.303-9.296 9.303c-5.126 0-9.298-4.175-9.298-9.303c0-.279.022-1.333.09-1.712l-.287-.009c-2.231-.07-3.599-2.864-3.599-4.946c0-2.222 1.81-4.077 4.029-4.184zm4.027 32.268v-3.684H30.1v-3.256h3.679v3.256h3.26v3.684h-3.26v3.256H30.1v-3.256zm-11.849-.449c-.165-4.147 2.047-7.59 4.23-10.411l.301-.401c.716-.97 1.187-1.612 3.365-1.461c1.667.119 3.351 1.363 3.351 3.516v.017c-.006 1.295-.853 2.458-1.748 3.684c-1.089 1.491-2.322 3.179-2.322 5.476c0 .657.144 1.167.286 1.653c.136.48.265.931.265 1.512c0 1.978-1.672 3.589-3.726 3.589c-2.467 0-3.812-2.415-4.001-7.175zm10.853 17.211c-2.727 0-4.946-2.216-4.946-4.942s2.219-4.942 4.946-4.942c2.725 0 4.942 2.216 4.942 4.942s-2.217 4.942-4.942 4.942m12.152 0c-2.726 0-4.946-2.216-4.946-4.942s2.219-4.942 4.946-4.942s4.946 2.216 4.946 4.942s-2.219 4.942-4.946 4.942m10.768-17.211c-.191 4.76-1.538 7.175-4.003 7.175c-2.054 0-3.726-1.61-3.726-3.589c0-.581.129-1.032.265-1.512c.142-.486.286-.996.286-1.653c0-2.296-1.232-3.984-2.321-5.476c-.896-1.228-1.741-2.389-1.748-3.684v-.017c0-2.154 1.682-3.398 3.351-3.516c2.174-.151 2.648.49 3.363 1.461l.303.401c2.184 2.821 4.39 6.263 4.23 10.411z"/></svg>Pediatrics アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="medical-icon:pediatrics" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="medical-icon:pediatrics" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="medical-icon:pediatrics" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--pediatrics]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:pediatrics"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="medical-icon:pediatrics"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/medical-icon/pediatrics.svg" alt="Pediatrics アイコン" width="24" height="24">他のアイコンセットの Pediatrics アイコン
Pediatrics アイコン のよくある質問
Pediatrics アイコンは商用利用でも無料ですか?
はい。Medical Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Pediatrics アイコンを使うには?
@iconify/react をインストールして <Icon icon="medical-icon:pediatrics" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Pediatrics アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/medical-icon/pediatrics.svg" alt="Pediatrics アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。