Ikon Cursor Bold
glyphs:cursor-bold
Ikon Cursor Bold (glyphs:cursor-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- cursorbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" d="M30 8a3 3 0 1 0 0 6zm0 58a3 3 0 1 0 0 6zm20-52a3 3 0 1 0 0-6zm0 58a3 3 0 1 0 0-6zM30 14h2V8h-2zm7 5v42h6V19zm-5 47h-2v6h2zm5-5a5 5 0 0 1-5 5v6c6.075 0 11-4.925 11-11zm-5-47a5 5 0 0 1 5 5h6c0-6.075-4.925-11-11-11zm18-6h-2v6h2zM37 19v42h6V19zm11 53h2v-6h-2zM37 61c0 6.075 4.925 11 11 11v-6a5 5 0 0 1-5-5zM48 8c-6.075 0-11 4.925-11 11h6a5 5 0 0 1 5-5z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" d="M34 40h12"/></g></svg>
Cara memakai ikon Cursor Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:cursor-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:cursor-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:cursor-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--cursor-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:cursor-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:cursor-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/cursor-bold.svg" alt="Ikon Cursor Bold" width="24" height="24">
Ikon Cursor Bold di set ikon lain
FAQ Ikon Cursor Bold
Apakah ikon Cursor Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cursor Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:cursor-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cursor Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/cursor-bold.svg" alt="Ikon Cursor Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
