Cursor Click Pixel Art Icon
A clicking cursor icon for interactive tutorials, click event labels, UI demo animations, and 'Click here' call-to-action hints.
Tags
cursorclick
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Cursor Click icon
An arrow cursor shown mid-click, with visual cues indicating a mouse button press. Use it in interactive tutorials to highlight a clickable area, in onboarding flows to demonstrate where to click, or as an icon on a 'Try it' call to action. It communicates user interaction and is especially clear in walkthroughs or demo mode overlays. For a simpler pointer without click emphasis, cursor-minimal strips it back; for toggling cursor visibility in an app, cursor-off is the counterpart.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/cursor-click.svg" width="24" height="24" alt="Cursor Click" />
<!-- React -->
import { CursorClick } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="cursor-click.svg" width="48" height="48" style="image-rendering: pixelated" />