Иконка Lifebuoy Sharp Fill

keyline-icons:lifebuoy-sharp-fill

Иконка Lifebuoy Sharp Fill (keyline-icons:lifebuoy-sharp-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: lifebuoysharp, sharpfill, lifebuoysharpfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M23 12C23 18.0751 18.0751 23 12 23C5.9249 23 1 18.0751 1 12C1 5.9249 5.9249 1 12 1C18.0751 1 23 5.9249 23 12ZM15.2426 12C15.2426 10.2091 13.7908 8.7574 12 8.7574C10.2091 8.7574 8.7574 10.2091 8.7574 12C8.7574 13.7908 10.2091 15.2426 12 15.2426C13.7909 15.2426 15.2426 13.7909 15.2426 12ZM16.4142 15L15 16.4142L17.6569 19.0711L19.0711 17.6569L16.4142 15ZM9 16.4142L7.5858 15L4.9289 17.6569L6.3431 19.0711L9 16.4142ZM7.5858 9L9 7.5858L6.3431 4.9289L4.9289 6.3431L7.5858 9ZM15 7.5858L16.4142 9L19.0711 6.3431L17.6569 4.9289L15 7.5858Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:lifebuoy-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--lifebuoy-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:lifebuoy-sharp-fill"></div>

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

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

<iconify-icon icon="keyline-icons:lifebuoy-sharp-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/lifebuoy-sharp-fill.svg" alt="Иконка Lifebuoy Sharp Fill" width="24" height="24">

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

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

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

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

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

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

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

Все Keyline Icons →