ICONYZ
Türkçe
Keyline Icons setinden Key ikonu

Key ikonu

keyline-icons:key

Key ikonu (keyline-icons:key), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline Icons, MIT 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
Keyline Icons
Yazar
Keyline Icons
Lisans
MIT
Boyut
24 × 24
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 12C10 14.2091 8.2091 16 6 16C3.7909 16 2 14.2091 2 12C2 9.7909 3.7909 8 6 8C8.2091 8 10 9.7909 10 12ZM10 12L22 12M17 12L17 16M21 12L21 16"/></svg>

Key ikonu nasıl kullanılır

React

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

<Icon icon="keyline-icons:key" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:key" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:key" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--key]"></span>

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="keyline-icons:key"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/keyline-icons/key.svg" alt="Key ikonu" width="24" height="24">

Keyline Icons setindeki benzer ikonlar

key-duotone ikonu
key-duotone
 key-fill ikonu
key-fill
 key-round ikonu
key-round
 key-round-duotone ikonu
key-round-duotone
 key-round-fill ikonu
key-round-fill
 key-round-sharp ikonu
key-round-sharp
 key-round-sharp-duotone ikonu
key-round-sharp-duotone
 key-round-sharp-fill ikonu
key-round-sharp-fill
 key-round-sharp-two-tone ikonu
key-round-sharp-two-tone
 key-round-two-tone ikonu
key-round-two-tone
 key-sharp ikonu
key-sharp
 key-sharp-duotone ikonu
key-sharp-duotone
 key-sharp-fill ikonu
key-sharp-fill
 key-sharp-two-tone ikonu
key-sharp-two-tone
 key-square ikonu
key-square
 key-square-duotone ikonu
key-square-duotone
 key-square-fill ikonu
key-square-fill
 key-square-sharp ikonu
key-square-sharp
 key-square-sharp-duotone ikonu
key-square-sharp-duotone
 key-square-sharp-fill ikonu
key-square-sharp-fill
 key-square-sharp-two-tone ikonu
key-square-sharp-two-tone
 key-square-two-tone ikonu
key-square-two-tone
 key-two-tone ikonu
key-two-tone
 keyboard ikonu
keyboard

Diğer ikon setlerinde Key ikonu

Material Design Icons setinden Key ikonu
Material Design Icons
 Lucide setinden Key ikonu
Lucide
 Tabler Icons setinden Key ikonu
Tabler Icons
 Font Awesome 6 Solid setinden Key ikonu
Font Awesome 6 Solid
 Material Symbols setinden Key ikonu
Material Symbols
 Phosphor setinden Key ikonu
Phosphor
 Bootstrap Icons setinden Key ikonu
Bootstrap Icons
 HeroIcons setinden Key ikonu
HeroIcons
 Carbon setinden Key ikonu
Carbon
 @icons setinden Key ikonu
@icons
 Akar Icons setinden Key ikonu
Akar Icons
 Arcticons setinden Key ikonu
Arcticons

Key ikonu: sık sorulan sorular

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

Evet. Keyline Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

Key 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/keyline-icons/key.svg" alt="Key ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →