Light House ikonu
icon-park:light-house
Light House ikonu (icon-park:light-house), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı 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
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Derleme
- Etiketler
- lighthouse
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path stroke="#000" stroke-linecap="round" d="M6 44H42"/><path stroke="#000" stroke-linecap="round" d="M17 20H31"/><path fill="#2F88FF" stroke="#000" d="M19 20H24H29L32 44H16L19 20Z"/><path stroke="#000" stroke-linecap="round" d="M19 9L21 20H27L29 9"/><path stroke="#000" stroke-linecap="round" d="M32 12L29 9L24 4L19 9L16 12"/><path stroke="#000" stroke-linecap="round" d="M37 7L40 4"/><path stroke="#000" stroke-linecap="round" d="M11 7L8 4"/><path stroke="#000" stroke-linecap="round" d="M37 19L40 22"/><path stroke="#000" stroke-linecap="round" d="M11 19L8 22"/><path stroke="#000" stroke-linecap="round" d="M38 13H42"/><path stroke="#000" stroke-linecap="round" d="M10 13H6"/><path stroke="#fff" stroke-linecap="round" d="M18 28L30 28"/><path stroke="#fff" stroke-linecap="round" d="M17 36H31"/><path stroke="#000" d="M29 20L32 44"/><path stroke="#000" d="M19 20L16 44"/></g></svg>
Light House ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:light-house" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:light-house" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:light-house" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--light-house]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:light-house"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:light-house"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/light-house.svg" alt="Light House ikonu" width="24" height="24">
IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Light House ikonu
Light House ikonu: sık sorulan sorular
Light House ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Light House ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:light-house" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Light House 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/icon-park/light-house.svg" alt="Light House ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: IconPark ikonları →
ICONYZ
