Ikon Note Sticky
glyphs-poly:note-sticky
Ikon Note Sticky (glyphs-poly:note-sticky) adalah ikon SVG gratis dari set Glyphs Poly karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs Poly
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- notesticky
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#f2c94c" fill-rule="evenodd" d="M52.974 62.98a4 4 0 0 1-2.668 1.018h-4.592L20 64a4 4 0 0 1-4-4V20a4 4 0 0 1 4-4h40a4 4 0 0 1 4 4v30.307a4 4 0 0 1-.98 2.622a.622.622 0 0 0-.52-.962H56a4 4 0 0 0-4 4v6.5c0 .514.578.79.974.512" clip-rule="evenodd"/><path fill="#f2c94c" d="M50.306 63.998v2zm2.668-1.019l-1.149-1.637a2 2 0 0 1 2.482 3.128zm-7.26 1.019v-2zM20 64v2zm-4-4h2zm0-40h-2zm44-4v-2zm3.02 36.93l1.51 1.311a2 2 0 0 1-3.172-2.424zm-12.713 9.068a2 2 0 0 0 1.333-.51l2.667 2.982a6 6 0 0 1-4 1.528zm-4.592 0h4.592v4h-4.593zM20 62l25.714-.002v4L20.002 66zm-2-2a2 2 0 0 0 2 2v4a6 6 0 0 1-6-6zm0-40v40h-4V20zm2-2a2 2 0 0 0-2 2h-4a6 6 0 0 1 6-6zm40 0H20v-4h40zm2 2a2 2 0 0 0-2-2v-4a6 6 0 0 1 6 6zm0 30.283V20h4v30.283zm0 .024v-.024h4v.024zm-.49 1.311a2 2 0 0 0 .49-1.311h4a6 6 0 0 1-1.47 3.934zm.99-1.651c2.17 0 3.302 2.402 2.182 4.075l-3.324-2.225c-.59.882-.009 2.15 1.142 2.15zm-6.5 0h6.5v4H56zm-6 6a6 6 0 0 1 6-6v4a2 2 0 0 0-2 2zm0 6.5v-6.5h4v6.5zm4.122 2.15c-1.676 1.175-4.122.038-4.122-2.15h4c0-1.16-1.29-1.745-2.175-1.125z"/><path fill="#f2994a" d="m62.94 53.06l-9.88 9.879a.621.621 0 0 1-1.06-.44V56a4 4 0 0 1 4-4h6.5c.553 0 .83.67.44 1.061"/><path fill="#f2994a" d="m53.06 62.939l1.415 1.414zm9.88-9.879l1.413 1.415zm-11.294 8.465l9.88-9.879l2.827 2.829l-9.878 9.878zM50 62.5V56h4v6.5zM56 50h6.5v4H56zm-6 6a6 6 0 0 1 6-6v4a2 2 0 0 0-2 2zm11.525-4.354c-.868.869-.253 2.354.975 2.354v-4c2.335 0 3.505 2.823 1.853 4.475zm-7.05 12.707C52.824 66.004 50 64.835 50 62.5h4c0-1.229-1.485-1.844-2.354-.975z"/></g></svg>Cara memakai ikon Note Sticky
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:note-sticky" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:note-sticky" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:note-sticky" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--note-sticky]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:note-sticky"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:note-sticky"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/note-sticky.svg" alt="Ikon Note Sticky" width="24" height="24">Ikon terkait di Glyphs Poly
Ikon Note Sticky di set ikon lain
FAQ Ikon Note Sticky
Apakah ikon Note Sticky gratis untuk penggunaan komersial?
Ya. Glyphs Poly icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Note Sticky di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:note-sticky" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Note Sticky ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/note-sticky.svg" alt="Ikon Note Sticky">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.