ICONYZ
Türkçe
WebHostingHub Glyphs setinden Island ikonu

Island ikonu

whh:island

Island ikonu (whh:island), 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="M1024 896q0 31-27 54t-71.5 37t-112 22.5t-139 11.5t-162.5 3q-110 0-200-8t-161.5-24.5t-111-45T0 880q0-42 51-87.5t139.5-83T384 654v-78q0-107-40-206q-18 19-46 58t-49 67.5t-53 53t-65 27.5q-3-14-3-29.5t1.5-36T131 479q0-65 30.5-123T243 256h-19q-69 0-118.5 53T32 448q-9-9-20.5-31.5T0 372q0-112 64.5-178T224 128q105 0 154 54q18-79 81.5-130.5T605 0q96 0 161.5 50T832 192q-73-64-192-64q-49 0-75.5 19.5T523 205q41-13 83-13q94 0 160 51t66 123q0 45-27.5 83.5T730 512q-17-85-75-133.5T513 322q10 20 21 50.5T560.5 481T576 640v1q105 6 211 48.5T958.5 789t65.5 107"/></svg>

Island ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Island ikonu

Island ikonu: sık sorulan sorular

Island 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.

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

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

Island 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/island.svg" alt="Island 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ı →