Ikon Note
si-glyph:note
Ikon Note (si-glyph:note) adalah ikon SVG gratis dari set SmartIcons Glyph karya SmartIcons. Ikon ini digambar pada grid 17 × 24. SmartIcons Glyph icons dirilis di bawah lisensi CC BY SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SmartIcons Glyph
- Pembuat
- SmartIcons
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 17 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="24" viewBox="0 0 17 24"><path fill="currentColor" fill-rule="evenodd" d="M14.938 0H3a2 2 0 0 0-2 2v2h16l-.062-2a2 2 0 0 0-2-2M1 8h4v2H1zm0 3h4v2H1zm4 5v-2H1c.066 1.045.927 2 1.987 2zM1 5h4v2H1zm5 0v2h11l-.062-2zm0 6v2h11l-.062-2zm8.938 5C16 16 16.935 15.045 17 14H6v2zM6 8v2h11l-.062-2z"/></svg>
Cara memakai ikon Note
React
import { Icon } from "@iconify/react";
<Icon icon="si-glyph:note" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="si-glyph:note" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="si-glyph:note" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--note]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:note"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="si-glyph:note"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/si-glyph/note.svg" alt="Ikon Note" width="24" height="24">
Ikon terkait di SmartIcons Glyph
Ikon Note di set ikon lain
FAQ Ikon Note
Apakah ikon Note gratis untuk penggunaan komersial?
Ya. SmartIcons Glyph icons dirilis di bawah lisensi CC BY SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Note di React?
Pasang @iconify/react lalu render <Icon icon="si-glyph:note" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Note ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/si-glyph/note.svg" alt="Ikon Note">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon SmartIcons Glyph →
ICONYZ
