ICONYZ
Español
Icono Lighthouse Duotone de Lucide Extended

Icono Lighthouse Duotone

lucide-extended:lighthouse-duotone

El icono Lighthouse Duotone (lucide-extended:lighthouse-duotone) es un icono SVG gratuito de la colección Lucide Extended de Applifted. Está dibujado en una cuadrícula de 24 × 24. Lucide Extended icons se publican bajo la licencia ISC, 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
Lucide Extended
Autor
Applifted
Licencia
ISC
Tamaño
24 × 24
Etiquetas
lighthouseduotone
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3V2m4.066 14.865L7 22l2-11V6a3 3 0 1 1 6 0v5l2 11m2.793-17.5l.866-.5m-.862 9.5l.866.5M21 9h1M3 9H2m2.204 4.5l-.866.5m.87-9.5L3.342 4M5.5 22h13M7.932 16.873l7.377-4.178M8 11h8M8 7h8"/><path fill="currentColor" d="m7 22l9.066-5.135L17 22zm8.309-9.305l-7.377 4.178L9 11h6zm-5.43-8.816A3 3 0 0 0 9 6h6a3 3 0 0 0-5.121-2.121" opacity=".15"/></g></svg>

Cómo usar el icono Lighthouse Duotone

React

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

<Icon icon="lucide-extended:lighthouse-duotone" width="24" />

Vue

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

<template>
  <Icon icon="lucide-extended:lighthouse-duotone" width="24" />
</template>

Svelte

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

<Icon icon="lucide-extended:lighthouse-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--lighthouse-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:lighthouse-duotone"></div>

Web component

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

<iconify-icon icon="lucide-extended:lighthouse-duotone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/lucide-extended/lighthouse-duotone.svg" alt="Icono Lighthouse Duotone" width="24" height="24">

Iconos relacionados en Lucide Extended

El icono Lighthouse Duotone en otras colecciones

Preguntas frecuentes sobre Icono Lighthouse Duotone

¿El icono Lighthouse Duotone es gratis para uso comercial?

Sí. Lucide Extended icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Lighthouse Duotone en React?

Instala @iconify/react y renderiza <Icon icon="lucide-extended:lighthouse-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Lighthouse Duotone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lucide-extended/lighthouse-duotone.svg" alt="Icono Lighthouse Duotone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Lucide Extended →