Ikon Cursor Highlight Click 1
streamline-freehand:cursor-highlight-click-1
Ikon Cursor Highlight Click 1 (streamline-freehand:cursor-highlight-click-1) adalah ikon SVG gratis dari set Freehand free icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Freehand free icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Antarmuka esensial
- Tag
- cursorhighlight, highlightclick, cursorhighlightclick
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11.273 8.347c-2.286-.553-3.795.547-2.94 3.004c.546 1.55 4.062 11.499 5.986 12.465a2.25 2.25 0 0 0 2.568-.565a15 15 0 0 0 1.287-3.653c.447-1.924-.206-1.256 2.267-2.149c1.46-.526 3.133-1.073 3.432-2.595a1.61 1.61 0 0 0-.885-1.806a53.8 53.8 0 0 0-11.715-4.7m11.303 5.418c.983.592.243 1.76-.96 2.191c-5.06 1.808-3.825.484-4.566 3.366a16.7 16.7 0 0 1-1.116 3.14a.97.97 0 0 1-1.135.18c-1.196-.824-4.637-9.923-5.278-11.714c-.428-1.184-.222-1.786 1.472-1.401a53 53 0 0 1 11.582 4.248v-.008zM.368 6.558a12.8 12.8 0 0 0 4.705 1.797a.417.417 0 0 0 .264-.791q-1.304-.751-2.719-1.265c-3.042-1.12-2.67.116-2.25.26M6.952.443c-.373 6.693 1.34 5.847 1.34 5.158A17.8 17.8 0 0 0 7.736.367a.394.394 0 1 0-.784.076M13.498.38a13.9 13.9 0 0 0-1.792 5.17a.416.416 0 0 0 .425.548a.42.42 0 0 0 .367-.284A16.2 16.2 0 0 0 14.242.657a.397.397 0 1 0-.743-.276m1.184 7.789a14.7 14.7 0 0 0 4.772-2.585a.415.415 0 1 0-.36-.748a17 17 0 0 0-4.728 2.616a.394.394 0 0 0 .316.718M.698 14.574a24.6 24.6 0 0 0 5.054-2.84c.562-.264.673-2.48-5.448 2.156a.395.395 0 0 0 .394.684M6 20.36a20.2 20.2 0 0 0 1.969-5.38c.35-.847-1.302-1.777-2.711 5.114A.394.394 0 0 0 6 20.36" clip-rule="evenodd"/></svg>Cara memakai ikon Cursor Highlight Click 1
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:cursor-highlight-click-1" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:cursor-highlight-click-1" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:cursor-highlight-click-1" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--cursor-highlight-click-1]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:cursor-highlight-click-1"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:cursor-highlight-click-1"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/cursor-highlight-click-1.svg" alt="Ikon Cursor Highlight Click 1" width="24" height="24">Ikon terkait di Freehand free icons
Ikon Cursor Highlight Click 1 di set ikon lain
FAQ Ikon Cursor Highlight Click 1
Apakah ikon Cursor Highlight Click 1 gratis untuk penggunaan komersial?
Ya. Freehand free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Cursor Highlight Click 1 di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand:cursor-highlight-click-1" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cursor Highlight Click 1 ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand/cursor-highlight-click-1.svg" alt="Ikon Cursor Highlight Click 1">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.