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

Fetus アイコン

healthicons:fetus

Fetus アイコン(healthicons:fetus)は、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
カテゴリ
人物
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M28.758 25.612a2.25 2.25 0 0 1 2.399 1.342c.482 1.13.393 2.357.086 3.377c-.319 1.056-.926 2.095-1.77 2.996c-1.722 1.836-4.457 3.135-8 2.957a2.25 2.25 0 0 1-1.95-1.347l-1.762-4.04l-2.061.674a2.25 2.25 0 0 1-1.4-4.277l4.005-1.31a2.25 2.25 0 0 1 2.762 1.238l1.973 4.522c1.242-.156 2.153-.62 2.783-1.148l-.053.008a2.25 2.25 0 0 1-2.47-1.528l-1.446-4.434a2.25 2.25 0 0 1 4.279-1.396l.857 2.628z" clip-rule="evenodd"/><path d="M37 21.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0"/><path fill-rule="evenodd" d="M17.244 38.504A16 16 0 1 0 30.755 9.497a16 16 0 0 0-13.51 29.007l-.845 1.813A18 18 0 1 1 31.6 7.683a18 18 0 0 1-15.2 32.634z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M15.986 17.842c-.027.839-.397 1.596-1.128 2.198l-.748.615c-.262.215-.337.407-.355.53a.57.57 0 0 0 .106.41c.19.28.684.576 1.44.375c.5-.134 1.163-.281 1.765.045c.298.162.493.391.627.58c.118.167.23.366.328.54l.02.035l.022.039l1.636 3.626l-1.824.823l-1.598-3.544a9 9 0 0 0-.163-.28a4 4 0 0 0-.298.068c-1.494.398-2.893-.132-3.607-1.18a2.57 2.57 0 0 1-.432-1.837c.102-.675.473-1.29 1.063-1.775l.747-.614c.314-.259.393-.489.4-.719c.01-.287-.095-.684-.368-1.213c-.269-.52-.652-1.08-1.094-1.68a75 75 0 0 0-.5-.669a45 45 0 0 1-.842-1.138l1.634-1.154c.244.346.5.685.77 1.042q.266.35.548.732c.454.617.917 1.282 1.261 1.95c.34.658.615 1.413.59 2.194" clip-rule="evenodd"/></g></svg>

Fetus アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

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

Health Icons をすべて見る →