Ikon Cursor
glyphs-poly:cursor
Ikon Cursor (glyphs-poly:cursor) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" d="M30 9a2 2 0 1 0 0 4zm0 58a2 2 0 1 0 0 4zm20-54a2 2 0 1 0 0-4zm0 58a2 2 0 1 0 0-4zM30 13h2V9h-2zm8 6v42h4V19zm-6 48h-2v4h2zm6-6a6 6 0 0 1-6 6v4c5.523 0 10-4.477 10-10zm-6-48a6 6 0 0 1 6 6h4c0-5.523-4.477-10-10-10zm18-4h-2v4h2zM38 19v42h4V19zm10 52h2v-4h-2zM38 61c0 5.523 4.477 10 10 10v-4a6 6 0 0 1-6-6zM48 9c-5.523 0-10 4.477-10 10h4a6 6 0 0 1 6-6z"/><path stroke="#9b51e0" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M34 40h12"/></g></svg>
Cara memakai ikon Cursor
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:cursor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:cursor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:cursor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--cursor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:cursor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:cursor"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs-poly/cursor.svg" alt="Ikon Cursor" width="24" height="24">
Ikon Cursor di set ikon lain
FAQ Ikon Cursor
Apakah ikon Cursor 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 Cursor di React?
Pasang @iconify/react lalu render <Icon icon="glyphs-poly:cursor" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cursor ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs-poly/cursor.svg" alt="Ikon Cursor">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs Poly →
ICONYZ
