Иконка Life Ring

nimbus:life-ring

Иконка Life Ring (nimbus:life-ring) — бесплатная SVG-иконка из набора Nimbus от Linkedstore S.A.. Она нарисована на сетке 24 × 24. Nimbus icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Nimbus
Автор: Linkedstore S.A.
Лицензия: MIT
Размер: 24 × 24
Теги: lifering

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8 .5A7.77 7.77 0 0 0 0 8a7.77 7.77 0 0 0 8 7.5A7.77 7.77 0 0 0 16 8A7.77 7.77 0 0 0 8 .5m5.38 3.73l-1.59 1.6A4.4 4.4 0 0 0 10 4.3l1.6-1.58a6.5 6.5 0 0 1 1.78 1.51M8 10.9A3.07 3.07 0 0 1 4.8 8A3.07 3.07 0 0 1 8 5.1A3.07 3.07 0 0 1 11.2 8A3.07 3.07 0 0 1 8 10.9m2.39-8.74L8.65 3.89H7.36L5.64 2.14A7.4 7.4 0 0 1 8 1.75a7 7 0 0 1 2.39.41m-5.95.54L6 4.29a4.45 4.45 0 0 0-1.79 1.53l-1.6-1.58A6.5 6.5 0 0 1 4.44 2.7M1.91 5.3L3.67 7a3.8 3.8 0 0 0-.12 1a4.3 4.3 0 0 0 .1.88l-1.77 1.76a5.85 5.85 0 0 1 0-5.34zm.66 6.41l1.61-1.59A4.34 4.34 0 0 0 6 11.71L4.44 13.3a6.4 6.4 0 0 1-1.87-1.59m3.07 2.15l1.72-1.75H8a6 6 0 0 0 .71-.05l1.73 1.73a7.3 7.3 0 0 1-2.44.46a7.4 7.4 0 0 1-2.36-.39m6-.6l-1.58-1.58a4.35 4.35 0 0 0 1.77-1.57l1.6 1.6a6.7 6.7 0 0 1-1.79 1.55m2.48-2.63l-1.77-1.76a3.6 3.6 0 0 0 .1-.87a3.8 3.8 0 0 0-.12-1l1.76-1.7a5.83 5.83 0 0 1 0 5.33z"/></svg>

Как использовать иконку Life Ring

React

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

<Icon icon="nimbus:life-ring" width="24" />

Vue

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

<template>
  <Icon icon="nimbus:life-ring" width="24" />
</template>

Svelte

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

<Icon icon="nimbus:life-ring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[nimbus--life-ring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/nimbus -->
<div class="i-nimbus:life-ring"></div>

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

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

<iconify-icon icon="nimbus:life-ring"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/nimbus/life-ring.svg" alt="Иконка Life Ring" width="24" height="24">

Иконка Life Ring в других наборах

Вопросы и ответы: Иконка Life Ring

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

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

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

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

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

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

Все Иконки Nimbus →