Ikon Notebook And Pen
icon-park:notebook-and-pen
Ikon Notebook And Pen (icon-park:notebook-and-pen) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Kantor
- Tag
- notebookand, andpen, notebookandpen
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M4 6V42H30V6H4Z"/><path stroke="#fff" d="M12 42V6"/><path fill="#2F88FF" stroke="#000" d="M44 6H36V38L40 42L44 38V6Z"/><path stroke="#fff" d="M36 12H44"/><path stroke="#000" d="M30 6H4"/><path stroke="#000" d="M30 42H4"/><path stroke="#000" d="M36 6V22"/><path stroke="#000" d="M44 6V22"/></g></svg>
Cara memakai ikon Notebook And Pen
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:notebook-and-pen" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:notebook-and-pen" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:notebook-and-pen" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--notebook-and-pen]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:notebook-and-pen"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:notebook-and-pen"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/notebook-and-pen.svg" alt="Ikon Notebook And Pen" width="24" height="24">
Ikon Notebook And Pen di set ikon lain
FAQ Ikon Notebook And Pen
Apakah ikon Notebook And Pen gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Notebook And Pen di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:notebook-and-pen" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Notebook And Pen ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/notebook-and-pen.svg" alt="Ikon Notebook And Pen">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
