ICONYZ
日本語
Health Icons の Fetus 24px アイコン

Fetus 24px アイコン

healthicons:fetus-24px

Fetus 24px アイコン(healthicons:fetus-24px)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 24 × 24 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
24 × 24
カテゴリ
人物
タグ
fetus24px
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M18.395 9.565c0 1.416-1.163 2.565-2.598 2.565S13.2 10.98 13.2 9.565C13.2 8.148 14.363 7 15.797 7c1.435 0 2.598 1.148 2.598 2.565"/><path fill-rule="evenodd" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10m0-2A8 8 0 1 0 9.504 4.397c.194.453.45 1.095.707 1.866c.272.815-.202 1.435-.623 1.795s-1.002.66-1.485.906l-.121.06c-.475.241-.86.437-1.126.633a1.3 1.3 0 0 0-.145.122a.5.5 0 0 0 .052.099a1 1 0 0 0 .136.019c.119.012.39.038.637.152c.34.157.586.436.747.818c.14.334.415.963.714 1.642q.121.14.2.317l1.14 2.577c.716-.089 1.242-.353 1.605-.654l-.03.005a1.3 1.3 0 0 1-1.425-.871l-.835-2.527a1.28 1.28 0 0 1 .832-1.617a1.303 1.303 0 0 1 1.637.821l.495 1.498l1.021-.15a1.3 1.3 0 0 1 1.385.765c.278.644.227 1.344.05 1.925a4.4 4.4 0 0 1-1.022 1.707c-.994 1.047-2.573 1.787-4.618 1.686a1.3 1.3 0 0 1-1.126-.768L7.288 14.92l-.585.19a1.303 1.303 0 0 1-1.638-.819a1.28 1.28 0 0 1 .83-1.618l1.345-.436a79 79 0 0 1-.36-.83l-.001-.001c-.033-.006-.059-.008-.102-.013l-.089-.01a1.64 1.64 0 0 1-.797-.28c-.313-.224-.514-.56-.646-.966a1.27 1.27 0 0 1 .12-1.054c.155-.268.387-.475.598-.631c.375-.278.88-.532 1.318-.754l.143-.072c.516-.262.928-.484 1.188-.707a.7.7 0 0 0 .174-.19a23 23 0 0 0-.657-1.732A8 8 0 0 0 12 20" clip-rule="evenodd"/></g></svg>

Fetus 24px アイコンの使い方

React

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

<Icon icon="healthicons:fetus-24px" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:fetus-24px" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:fetus-24px" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:fetus-24px"></iconify-icon>

HTML 画像

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

Health Icons の関連アイコン

Fetus 24px アイコン のよくある質問

Fetus 24px アイコンは商用利用でも無料ですか?

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

React で Fetus 24px アイコンを使うには?

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

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

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

Health Icons をすべて見る →