Иконка Labor Delivery

medical-icon:labor-delivery

Иконка Labor Delivery (medical-icon:labor-delivery) — бесплатная SVG-иконка из набора Medical Icons от Samuel Frémondière. Она нарисована на сетке 64 × 64. Medical Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Medical Icons
Автор: Samuel Frémondière
Лицензия: MIT
Размер: 64 × 64
Теги: labordelivery

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M55.549.204H8.763C4.179.204.449 3.934.449 8.519v46.782c0 4.586 3.73 8.315 8.314 8.315h46.786c4.584 0 8.314-3.729 8.314-8.315V8.519c0-4.585-3.729-8.315-8.314-8.315M32.116 6.927c3.372 0 6.108 2.713 6.108 6.059s-2.736 6.061-6.108 6.061s-6.11-2.714-6.11-6.061s2.738-6.059 6.11-6.059m16.537 40.372c-1.368.392-2.767-.296-3.126-1.55l-4.678-16.328l-2.281-.003l7.474 26.053H18.189l7.476-26.053l-2.284.003l-4.675 16.328c-.36 1.254-1.76 1.942-3.125 1.55c-1.368-.392-2.233-1.588-1.774-3.153l4.811-16.753c1.921-6.695 7.527-6.486 7.527-6.486h11.944s5.603-.209 7.528 6.486l4.809 16.753c.46 1.565-.405 2.761-1.773 3.153"/><path fill="currentColor" d="M32.118 35.861a9.033 9.033 0 1 0 0 18.063c4.985 0 9.028-4.044 9.028-9.032a9.03 9.03 0 0 0-9.028-9.031m3.962 9.855c-.214.454-1.356 2.862-1.589 3.346a2.72 2.72 0 0 1-3.617 1.291c-.439-.212-.777-.536-1.059-.893c-.429-.542-.717-1.987-.717-1.987c-.451.318-1.603 1.044-2.08 1.383a.964.964 0 0 1-1.339-.234a.96.96 0 0 1 .23-1.338c.686-.48 2.589-1.773 2.589-1.773a1.276 1.276 0 0 1 1.783.308l.808 1.641l1.284-2.596l-1.122-.328a.93.93 0 0 1-.569-.468l-1.101-2.114a.936.936 0 0 1 1.66-.865l.917 1.763l3.064.893a1 1 0 0 1 .346.205a1.39 1.39 0 0 1 .513 1.767zm.867-4.051a2.17 2.17 0 0 1-2.887 1.029a2.166 2.166 0 0 1-1.033-2.89a2.17 2.17 0 0 1 3.92 1.862z"/></svg>

Как использовать иконку Labor Delivery

React

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

<Icon icon="medical-icon:labor-delivery" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:labor-delivery" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:labor-delivery" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[medical-icon--labor-delivery]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/medical-icon -->
<div class="i-medical-icon:labor-delivery"></div>

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

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

<iconify-icon icon="medical-icon:labor-delivery"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/medical-icon/labor-delivery.svg" alt="Иконка Labor Delivery" width="24" height="24">

Вопросы и ответы: Иконка Labor Delivery

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

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

Как использовать иконку Labor Delivery в React?

Установите @iconify/react и выведите <Icon icon="medical-icon:labor-delivery" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Labor Delivery на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/medical-icon/labor-delivery.svg" alt="Иконка Labor Delivery">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Medical Icons →