Cursor ikonu

glyphs-poly:cursor

Cursor ikonu (glyphs-poly:cursor), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Glyphs Poly
Yazar: Goran Spasojevic
Lisans: MIT
Boyut: 80 × 80

SVG indir

SVG kodu

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

Cursor ikonu nasıl kullanılır

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 bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs-poly:cursor"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/glyphs-poly/cursor.svg" alt="Cursor ikonu" width="24" height="24">

Diğer ikon setlerinde Cursor ikonu

Cursor ikonu: sık sorulan sorular

Cursor ikonu ticari kullanım için ücretsiz mi?

Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Cursor ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="glyphs-poly:cursor" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Cursor ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/glyphs-poly/cursor.svg" alt="Cursor ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Glyphs Poly ikonları →