Lighthouse ikonu

whh:lighthouse

Lighthouse ikonu (whh:lighthouse), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 1024 × 1024 ızgara üzerinde çizilmiştir. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: WebHostingHub Glyphs
Yazar: WebHostingHub
Lisans: OFL-1.1
Boyut: 1024 × 1024

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="m768 192l256-128v320L768 256zm-64 128q0 23-15 41t-38 22l12 65H361l12-65q-23-4-38-22t-15-41V128h-64L512 0l256 128h-64zM512 160q0-13-9.5-22.5T480 128h-64q-13 0-22.5 9.5T384 160v128q0 13 9.5 22.5T416 320h64q13 0 22.5-9.5T512 288zm128 0q0-13-9.5-22.5T608 128t-22.5 9.5T576 160v128q0 13 9.5 22.5T608 320t22.5-9.5T640 288zm-384 96L0 384V64l256 128zm419 256l11 64H337l12-64zm35 192H314l12-64h372zM287 852l16-84h418l16 84q129 24 208 70t79 102H0q0-56 79-102t208-70"/></svg>

Lighthouse ikonu nasıl kullanılır

React

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

<Icon icon="whh:lighthouse" width="24" />

Vue

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

<template>
  <Icon icon="whh:lighthouse" width="24" />
</template>

Svelte

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

<Icon icon="whh:lighthouse" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="whh:lighthouse"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/whh/lighthouse.svg" alt="Lighthouse ikonu" width="24" height="24">

Diğer ikon setlerinde Lighthouse ikonu

Lighthouse ikonu: sık sorulan sorular

Lighthouse ikonu ticari kullanım için ücretsiz mi?

Evet. WebHostingHub Glyphs icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Lighthouse ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="whh:lighthouse" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Lighthouse ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/whh/lighthouse.svg" alt="Lighthouse ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: WebHostingHub Glyphs ikonları →