Ícone Life Ring
nimbus:life-ring
O ícone Life Ring (nimbus:life-ring) é um ícone SVG gratuito da coleção Nimbus de Linkedstore S.A.. Ele é desenhado em uma grade de 24 × 24. Nimbus icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Nimbus
- Autor
- Linkedstore S.A.
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- lifering
Código 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>
Como usar o ícone 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>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="nimbus:life-ring"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/nimbus/life-ring.svg" alt="Ícone Life Ring" width="24" height="24">
O ícone Life Ring em outras coleções
Perguntas frequentes sobre Ícone Life Ring
O ícone Life Ring é grátis para uso comercial?
Sim. Nimbus icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Life Ring no React?
Instale @iconify/react e renderize <Icon icon="nimbus:life-ring" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Life Ring a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/nimbus/life-ring.svg" alt="Ícone Life Ring">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Nimbus →
ICONYZ
