ICONYZ
Türkçe
WebHostingHub Glyphs setinden Keyhole ikonu

Keyhole ikonu

whh:keyhole

Keyhole ikonu (whh:keyhole), WebHostingHub Glyphs setinden ücretsiz bir SVG ikondur (yapımcı: WebHostingHub). 512 × 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
512 × 1024
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="1024" viewBox="0 0 512 1024"><path fill="currentColor" d="m363 488l149 472q0 27-18.5 45.5T448 1024H64q-26 0-45-18.5T0 960l149-472q-67-31-108-93.5T0 256Q0 150 75 75T256 0t181 75t75 181q0 76-41 138.5T363 488"/></svg>

Keyhole ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

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

Diğer ikon setlerinde Keyhole ikonu

Keyhole ikonu: sık sorulan sorular

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

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

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

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