ICONYZ
Türkçe
Keyline Icons setinden Key Fill ikonu

Key Fill ikonu

keyline-icons:key-fill

Key Fill ikonu (keyline-icons:key-fill), 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
Etiketler
keyfill
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M11 12C11 14.7614 8.7614 17 6 17C3.2386 17 1 14.7614 1 12C1 9.2386 3.2386 7 6 7C8.7614 7 11 9.2386 11 12Z" stroke="none"/><path d="M10 12L22 12M17 12L17 16M21 12L21 16"/></g></svg>

Key Fill ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:key-fill"></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-fill"></iconify-icon>

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

key ikonu
key
 key-duotone ikonu
key-duotone
 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 Fill ikonu

Phosphor setinden Key Fill ikonu
Phosphor
 Bootstrap Icons setinden Key Fill ikonu
Bootstrap Icons
 Remix Icon setinden Key Fill ikonu
Remix Icon
 Lets Icons setinden Key Fill ikonu
Lets Icons
 Mage Icons setinden Key Fill ikonu
Mage Icons
 Sargam Icons setinden Key Fill ikonu
Sargam Icons

Key Fill ikonu: sık sorulan sorular

Key Fill 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 Fill ikonunu React'te nasıl kullanırım?

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

Key Fill 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-fill.svg" alt="Key Fill 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 →