ICONYZ
Bahasa Indonesia
Ikon Clip Note dari Vesper Icons

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
Download SVG

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.

Lihat semua Vesper Icons →