Is the CSS cursor gallery free?

Yes, completely free with no signup. Hover every cursor value and copy the CSS with one click.

Which cursor should I use for buttons?

Use cursor: pointer on anything clickable like buttons and links. It is the strongest signal that an element can be clicked.

Can I make a custom cursor with an image?

Yes, with cursor: url(image.png), pointer. This tool focuses on the built-in keywords; image cursors are not previewed.

What is the difference between grab and grabbing?

grab shows an open hand before you drag, grabbing shows a closed hand while dragging. Pair them with :active for draggable UI.

How do I hide the cursor in CSS?

Use cursor: none. It is commonly used in games, kiosk screens and custom-cursor setups.

Do these cursors work in all browsers?

All the standard keywords shown here work in every modern browser. Some resize cursors render slightly differently per OS.

CSS Cursors - Free Online CSS Tool | IconVault

Browse every CSS cursor keyword with live hover previews. Click any cursor to copy the CSS rule. Free, no signup, runs in your browser.

All tools

CSS Cursors

Preview every cursor value, click to copy

5 of 5 free uses left

Hover any cell to preview it live. Click to copy the declaration.

5 of 5 free copies left - everything runs in your browser.

About this tool

IconVault's CSS Cursors is a visual gallery of every cursor keyword in CSS: pointer, grab, grabbing, crosshair, text, move, zoom-in, zoom-out, not-allowed, wait, progress, help, cell, alias, copy and all the resize variants. Hover any tile to feel the cursor live, then click to copy the ready-to-paste CSS rule.

Picking the right cursor is a small detail that makes interfaces feel right: pointer on clickable buttons, grab on draggable cards, not-allowed on disabled actions. Free and runs fully in your browser.

Frequently asked questions

Popular searches

css cursorcss cursor pointercursor csschange cursor csscustom cursor csscursor pointer csscss cursors listall css cursor valuescss cursor typescursor grab csscursor not-allowed csscss cursor zoom incss cursor handmouse cursor csschange mouse cursor websitecss hover cursorbutton cursor pointer csscursor css propertycss cursor defaultcursor crosshair csscursor text csscursor wait csscursor progress csscss cursor urlcustom mouse cursor csscursor move csscursor help csscss cursor copycss cursor resizee-resize css cursorcursor ew-resizecursor ns-resizecursor all-scroll csscursor col-resize csscursor row-resize csscss cursor nonehide cursor csscursor context-menu csscursor vertical-text csscss cursor aliascursor cell csscss cursor no-dropcursor grab css draghow to change cursor in csscss cursor generatorcursor preview onlinefree cursor css toolcss pointer events cursordisable cursor csscursor style html cssbest cursor for buttons csscss cursor grabbingcss cursor crosshair pointer

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →

CSS Cursors - Free Online CSS Tool | IconVault

CSS Cursors

About this tool

Frequently asked questions

Popular searches

More tools

Code Playground

JSON Formatter

Base64 Encoder

JWT Decoder

Coming soon