Иконка Fetus 24px

healthicons:fetus-24px

Иконка Fetus 24px (healthicons:fetus-24px) — бесплатная SVG-иконка из набора Health Icons от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Fetus 24px

Можно ли бесплатно использовать иконку Fetus 24px в коммерческих проектах?

Да. Health Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Fetus 24px в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Health Icons →