Ikon Clip Note
vs:clip-note
Ikon Clip Note (vs:clip-note) adalah ikon SVG gratis dari set Vesper Icons karya TableCheck. Ikon ini digambar pada grid 1664 × 1792. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Vesper Icons
- Pembuat
- TableCheck
- Lisensi
- OFL-1.1
- Ukuran
- 1664 × 1792
- Tag
- clipnote, paperclip note
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1792" viewBox="0 0 1664 1792"><path fill="currentColor" d="M1664 256v640q0 116-.5 170.5T1662 1210t-4.5 132t-9.5 108.5t-15.5 102.5t-22.5 84t-31.5 83t-42.5 72H0q79-242 103.5-447.5T128 768V256l256 2v574q0 86 53 139t139 53q139 0 180-93q12-28 12-99V384H640v448q0 39-12 51.5T576 896q-33-3-49-17.5T512 832V256zM527 159q30-50 82-50q60 0 90 24.5t35 82.5h128q0-56-13-89q-20-49-80.5-88T617 0Q517 0 452 55q-68 59-68 147v54h128v-24l1-27l4.5-21z"/></svg>Cara memakai ikon Clip Note
React
import { Icon } from "@iconify/react";
<Icon icon="vs:clip-note" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:clip-note" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:clip-note" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--clip-note]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:clip-note"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:clip-note"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/vs/clip-note.svg" alt="Ikon Clip Note" width="24" height="24">Ikon terkait di Vesper Icons
FAQ Ikon Clip Note
Apakah ikon Clip Note gratis untuk penggunaan komersial?
Ya. Vesper Icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Clip Note di React?
Pasang @iconify/react lalu render <Icon icon="vs:clip-note" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Clip Note ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/vs/clip-note.svg" alt="Ikon Clip Note">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.