Notebook Pen Fill ikonu
keyline-icons:notebook-pen-fill
Notebook Pen Fill ikonu (keyline-icons:notebook-pen-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
- notebookpen, penfill, notebookpenfill
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.8714 13.4285L15.9962 11.7786C16.1219 11.7283 16.2361 11.653 16.3319 11.5572L22.1945 5.6945C23.2685 4.6206 23.2685 2.8794 22.1945 1.8055C21.1206 0.7315 19.3794 0.7315 18.3055 1.8055L12.4428 7.6681C12.347 7.7639 12.2717 7.8781 12.2214 8.0038L10.5715 12.1286C10.423 12.5 10.51 12.9242 10.7929 13.2071C11.0758 13.49 11.5 13.577 11.8714 13.4285Z" stroke="none"/><path d="M20 12.1317L20 19C20 20.6569 18.6569 22 17 22L7 22C5.3431 22 4 20.6569 4 19L4 5C4 3.3431 5.3431 2 7 2L13.8683 2M2 7L6 7M2 12L6 12M2 17L6 17"/></g></svg>
Notebook Pen Fill ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:notebook-pen-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:notebook-pen-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:notebook-pen-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--notebook-pen-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:notebook-pen-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:notebook-pen-fill"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/keyline-icons/notebook-pen-fill.svg" alt="Notebook Pen Fill ikonu" width="24" height="24">
Keyline Icons setindeki benzer ikonlar
Notebook Pen Fill ikonu: sık sorulan sorular
Notebook Pen 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.
Notebook Pen Fill ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="keyline-icons:notebook-pen-fill" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Notebook Pen 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/notebook-pen-fill.svg" alt="Notebook Pen 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 →
ICONYZ
