Icône Cursor Click

keyline-icons:cursor-click

L'icône Cursor Click (keyline-icons:cursor-click) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: cursorclick

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.1748 5.76261L13.9549 3.98724M7.88236 4.69633L6.98121 2M4.70404 7.86707L2 6.96809M5.77258 12.14803L3.99248 13.9234M9.26992 9.88622L13.0143 21.6534C13.1515 22.0847 13.7482 22.1234 13.9403 21.7136L16.4099 16.4449C16.4625 16.3328 16.5551 16.2442 16.6697 16.1967L21.6933 14.1113C22.1184 13.9348 22.0964 13.3269 21.6597 13.1814L9.90251 9.26472C9.51618 9.13602 9.14671 9.49902 9.26992 9.88622Z"/></svg>

Comment utiliser l'icône Cursor Click

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:cursor-click" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:cursor-click" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:cursor-click" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cursor-click]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cursor-click"></div>

Web component

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

<iconify-icon icon="keyline-icons:cursor-click"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-click.svg" alt="Icône Cursor Click" width="24" height="24">

Icônes similaires dans Keyline Icons

L'icône Cursor Click dans d'autres collections

FAQ : Icône Cursor Click

L'icône Cursor Click est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Cursor Click dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:cursor-click" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Cursor Click à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/cursor-click.svg" alt="Icône Cursor Click">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →