Icono Lifebuoy Sharp Fill
keyline-icons:lifebuoy-sharp-fill
El icono Lifebuoy Sharp Fill (keyline-icons:lifebuoy-sharp-fill) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- lifebuoysharp, sharpfill, lifebuoysharpfill
Código 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>
Cómo usar el icono 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>
Web component
<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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/lifebuoy-sharp-fill.svg" alt="Icono Lifebuoy Sharp Fill" width="24" height="24">
Iconos relacionados en Keyline Icons
Preguntas frecuentes sobre Icono Lifebuoy Sharp Fill
¿El icono Lifebuoy Sharp Fill es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Lifebuoy Sharp Fill en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:lifebuoy-sharp-fill" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lifebuoy Sharp Fill a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/lifebuoy-sharp-fill.svg" alt="Icono Lifebuoy Sharp Fill">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
