Cursor Click Bold ikonu
ph:cursor-click-bold
Cursor Click Bold ikonu (ph:cursor-click-bold), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor 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
- Phosphor
- Yazar
- Phosphor Icons
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- pointer, arrowhead, mouse, cursorclick, clickbold, cursorclickbold
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m224.15 179.17l-46.82-46.82l37.92-13.51c.26-.09.51-.19.76-.3a20 20 0 0 0-1.76-37.27L54.16 29A20 20 0 0 0 29 54.16l52.27 160.08a20 20 0 0 0 37.27 1.76c.11-.25.21-.5.3-.76l13.51-37.92l46.83 46.82a20 20 0 0 0 28.28 0l16.69-16.68a20 20 0 0 0 0-28.29m-30.83 25.17l-48.48-48.48A20 20 0 0 0 130.7 150a20.5 20.5 0 0 0-3.73.35A20 20 0 0 0 112.35 162c-.11.25-.2.5-.3.76L100.4 195.5L54.29 54.29L195.5 100.4l-32.71 11.65c-.25.09-.51.19-.76.3a20 20 0 0 0-6.16 32.48l48.48 48.48ZM84 16v-4a12 12 0 0 1 24 0v4a12 12 0 0 1-24 0m-72 92a12 12 0 0 1 0-24h4a12 12 0 0 1 0 24Zm108.62-83.79l4-12a12 12 0 0 1 22.77 7.58l-4 12a12 12 0 0 1-22.77-7.58m-81.23 104a12 12 0 0 1-7.59 15.17l-12 4a12 12 0 1 1-7.59-22.76l12-4a12 12 0 0 1 15.18 7.59"/></svg>
Cursor Click Bold ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cursor-click-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cursor-click-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cursor-click-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cursor-click-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cursor-click-bold"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cursor-click-bold"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/ph/cursor-click-bold.svg" alt="Cursor Click Bold ikonu" width="24" height="24">
Phosphor setindeki benzer ikonlar
Cursor Click Bold ikonu: sık sorulan sorular
Cursor Click Bold ikonu ticari kullanım için ücretsiz mi?
Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cursor Click Bold ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="ph:cursor-click-bold" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cursor Click Bold 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/ph/cursor-click-bold.svg" alt="Cursor Click Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Phosphor ikonları →
ICONYZ
