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

Key Square ikonu

keyline-icons:key-square

Key Square ikonu (keyline-icons:key-square), 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
keysquare
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="M6 14.5L2.2929 18.2071C2.1054 18.3946 2 18.649 2 18.9142L2 20C2 21.1046 2.8954 22 4 22L5.0858 22C5.351 22 5.6054 21.8946 5.7929 21.7071L6.8536 20.6464C6.9473 20.5527 7.0745 20.5 7.2071 20.5L9 20.5C9.2761 20.5 9.5 20.2761 9.5 20L9.5 18.5C9.5 18.2239 9.7239 18 10 18L11.5 18C11.7761 18 12 17.7761 12 17.5L12 15.7071C12 15.5745 12.0527 15.4473 12.1464 15.3536L13.2071 14.2929C13.3946 14.1054 13.649 14 13.9142 14L19 14C20.6569 14 22 12.6569 22 11L22 5C22 3.3431 20.6569 2 19 2L13 2C11.3431 2 10 3.3431 10 5L10 10.0858C10 10.351 9.8946 10.6054 9.7071 10.7929ZM15 9L17 7"/></svg>

Key Square ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

key ikonu
key
 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-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 Square ikonu

Lucide setinden Key Square ikonu
Lucide
 Huge Icons setinden Key Square ikonu
Huge Icons
 Reicon setinden Key Square ikonu
Reicon

Key Square ikonu: sık sorulan sorular

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

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

Key Square 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-square.svg" alt="Key Square 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 →