Иконка Lifebuoy Sharp Duotone

keyline-icons:lifebuoy-sharp-duotone

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path fill-opacity=".4" 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 12Z"/><path d="M19.0389 20.4531C19.5522 20.0256 20.0256 19.5522 20.4531 19.0389L14.8882 13.474C14.5776 14.0827 14.0827 14.5776 13.474 14.8882L19.0389 20.4531ZM3.5469 19.0389C3.9744 19.5522 4.4478 20.0256 4.9611 20.4531L10.526 14.8882C9.9173 14.5776 9.4224 14.0827 9.1118 13.474L3.5469 19.0389ZM4.9611 3.5469C4.4478 3.9744 3.9744 4.4478 3.5469 4.9611L9.1118 10.526C9.4224 9.9173 9.9173 9.4224 10.526 9.1118L4.9611 3.5469ZM20.4531 4.9611C20.0256 4.4478 19.5522 3.9744 19.0389 3.5469L13.474 9.1118C14.0827 9.4224 14.5776 9.9173 14.8882 10.526L20.4531 4.9611Z"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →