ICONYZ
Türkçe
Carbon setinden Notebook ikonu

Notebook ikonu

carbon:notebook

Notebook ikonu (carbon:notebook), Carbon setinden ücretsiz bir SVG ikondur (yapımcı: IBM). 32 × 32 ızgara üzerinde çizilmiştir. Carbon icons, Apache 2.0 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
Carbon
Yazar
IBM
Lisans
Apache-2.0
Boyut
32 × 32
Kategori
Organizasyon
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M19 10h7v2h-7zm0 5h7v2h-7zm0 5h7v2h-7z"/><path fill="currentColor" d="M28 5H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h24a2.003 2.003 0 0 0 2-2V7a2 2 0 0 0-2-2M4 7h11v18H4Zm13 18V7h11l.002 18Z"/></svg>

Notebook ikonu nasıl kullanılır

React

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

<Icon icon="carbon:notebook" width="24" />

Vue

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

<template>
  <Icon icon="carbon:notebook" width="24" />
</template>

Svelte

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

<Icon icon="carbon:notebook" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="carbon:notebook"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/carbon/notebook.svg" alt="Notebook ikonu" width="24" height="24">

Carbon setindeki benzer ikonlar

Diğer ikon setlerinde Notebook ikonu

Notebook ikonu: sık sorulan sorular

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

Evet. Carbon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

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

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

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

Tümüne göz at: Carbon ikonları →