Icono Life Ring
fa7-regular:life-ring
El icono Life Ring (fa7-regular:life-ring) es un icono SVG gratuito de la colección Font Awesome Regular de Dave Gandy. Está dibujado en una cuadrícula de 640 × 640. Font Awesome Regular icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Font Awesome Regular
- Autor
- Dave Gandy
- Licencia
- CC-BY-4.0
- Tamaño
- 640 × 640
- Categoría
- Indicadores de carga, Objetos, Mapas
- Etiquetas
- lifering
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M449.1 483.1C413.7 511.2 368.8 528 320 528s-93.7-16.8-129.1-44.9l80.4-80.4c14.3 8.4 31 13.3 48.8 13.3s34.5-4.8 48.8-13.3l80.4 80.4zm68.1.2C553.9 438.9 576 382.1 576 320s-22.1-118.9-58.8-163.3L529 145c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-11.8 11.7C438.9 86.1 382.1 64 320 64s-118.9 22.1-163.3 58.8L145 111c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6-.1 34l11.8 11.7C86.1 201.1 64 257.9 64 320s22.1 118.9 58.8 163.3L111 495c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l11.8-11.8C201.1 553.9 257.9 576 320 576s118.9-22.1 163.3-58.8L495 529c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-11.8-11.8zm-34.1-34.1l-80.4-80.4c8.4-14.3 13.3-31 13.3-48.8s-4.8-34.5-13.3-48.8l80.4-80.4C511.2 226.3 528 271.2 528 320s-16.8 93.7-44.9 129.1zm-34-292.3l-80.4 80.4c-14.3-8.4-31-13.3-48.8-13.3s-34.5 4.8-48.8 13.3l-80.2-80.4C226.3 128.8 271.2 112 320 112s93.7 16.8 129.1 44.9M237.3 368.8l-80.4 80.3C128.8 413.7 112 368.8 112 320s16.8-93.7 44.9-129.1l80.4 80.4c-8.4 14.3-13.3 31-13.3 48.8s4.8 34.5 13.3 48.8zM272 320c0-26.5 21.5-48 48-48s48 21.5 48 48s-21.5 48-48 48s-48-21.5-48-48"/></svg>
Cómo usar el icono Life Ring
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-regular:life-ring" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-regular:life-ring" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-regular:life-ring" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-regular--life-ring]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-regular:life-ring"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-regular:life-ring"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fa7-regular/life-ring.svg" alt="Icono Life Ring" width="24" height="24">
El icono Life Ring en otras colecciones
Preguntas frecuentes sobre Icono Life Ring
¿El icono Life Ring es gratis para uso comercial?
Sí. Font Awesome Regular icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Life Ring en React?
Instala @iconify/react y renderiza <Icon icon="fa7-regular:life-ring" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Life Ring a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fa7-regular/life-ring.svg" alt="Icono Life Ring">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Font Awesome Regular →
ICONYZ
