Иконка Lungs Fill

bi:lungs-fill

Иконка Lungs Fill (bi:lungs-fill) — бесплатная SVG-иконка из набора Bootstrap Icons от The Bootstrap Authors. Она нарисована на сетке 24 × 24. Bootstrap Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Bootstrap Icons
Автор: The Bootstrap Authors
Лицензия: MIT
Размер: 24 × 24
Теги: lungsfill, lung

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 1a.5.5 0 0 1 .5.5v5.243L9 7.1V4.72C9 3.77 9.77 3 10.72 3c.524 0 1.023.27 1.443.592c.431.332.847.773 1.216 1.229c.736.908 1.347 1.946 1.58 2.48c.176.405.393 1.16.556 2.011c.165.857.283 1.857.24 2.759c-.04.867-.232 1.79-.837 2.33c-.67.6-1.622.556-2.741-.004l-1.795-.897A2.5 2.5 0 0 1 9 11.264V8.329l-1-.715l-1 .715V7.214c-.1 0-.202.03-.29.093l-2.5 1.786a.5.5 0 1 0 .58.814L7 8.329v2.935A2.5 2.5 0 0 1 5.618 13.5l-1.795.897c-1.12.56-2.07.603-2.741.004c-.605-.54-.798-1.463-.838-2.33c-.042-.902.076-1.902.24-2.759c.164-.852.38-1.606.558-2.012c.232-.533.843-1.571 1.579-2.479c.37-.456.785-.897 1.216-1.229C4.257 3.27 4.756 3 5.28 3C6.23 3 7 3.77 7 4.72V7.1l.5-.357V1.5A.5.5 0 0 1 8 1m3.21 8.907a.5.5 0 1 0 .58-.814l-2.5-1.786A.5.5 0 0 0 9 7.214V8.33z"/></svg>

Как использовать иконку Lungs Fill

React

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

<Icon icon="bi:lungs-fill" width="24" />

Vue

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

<template>
  <Icon icon="bi:lungs-fill" width="24" />
</template>

Svelte

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

<Icon icon="bi:lungs-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--lungs-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:lungs-fill"></div>

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

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

<iconify-icon icon="bi:lungs-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/bi/lungs-fill.svg" alt="Иконка Lungs Fill" width="24" height="24">

Иконка Lungs Fill в других наборах

Вопросы и ответы: Иконка Lungs Fill

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

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

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

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

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

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

Все Bootstrap Icons →