Ikon Lighthouse Duotone
lucide-extended:lighthouse-duotone
Ikon Lighthouse Duotone (lucide-extended:lighthouse-duotone) adalah ikon SVG gratis dari set Lucide Extended karya Applifted. Ikon ini digambar pada grid 24 × 24. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Lucide Extended
- Pembuat
- Applifted
- Lisensi
- ISC
- Ukuran
- 24 × 24
- Tag
- lighthouseduotone
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/lighthouse-duotone.svg" alt="Ikon Lighthouse Duotone" width="24" height="24">Ikon terkait di Lucide Extended
Ikon Lighthouse Duotone di set ikon lain
FAQ Ikon Lighthouse Duotone
Apakah ikon Lighthouse Duotone gratis untuk penggunaan komersial?
Ya. Lucide Extended icons dirilis di bawah lisensi ISC, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Lighthouse Duotone di React?
Pasang @iconify/react lalu render <Icon icon="lucide-extended:lighthouse-duotone" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lighthouse Duotone ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lucide-extended/lighthouse-duotone.svg" alt="Ikon Lighthouse Duotone">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.