Book ikonu

keyline-icons:book

Book ikonu (keyline-icons:book), 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="M4 20L4 5C4 3.3431 5.3431 2 7 2L17 2C18.6569 2 20 3.3431 20 5L20 18C20 18.2164 19.9298 18.4269 19.8 18.6C19.6053 18.8596 19.5 19.1754 19.5 19.5C19.5 19.8246 19.6053 20.1404 19.8 20.4C19.9298 20.5731 20 20.7836 20 21C20 21.5523 19.5523 22 19 22L6 22C4.8954 22 4 21.1046 4 20C4 18.8954 4.8954 18 6 18L20 18M8 6L8 14"/></svg>

Book ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML görseli

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

Keyline Icons setindeki benzer ikonlar

Diğer ikon setlerinde Book ikonu

Book ikonu: sık sorulan sorular

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

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

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

Book 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/book.svg" alt="Book 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 →