Cursor color outline icon

SaveCursor color outline icon
ColorMulticolor icon — use the Edit button on the preview to recolor
StrokeRegular ·1.0×
Outline
Cursor Black Outline icon
Filled
Cursor Black Filled icon
Color outline
Color filled
Cursor Color Filled icon

Outline arrow mouse pointer tilted upper left inside a thin circle

✨ Ready styles — click one to customize it in the Advanced editor

About the Cursor color outline icon

A classic arrow-shaped mouse pointer, complete with its angled tail and notched heel, sits centered inside a thin circular frame. It stands for pointing, clicking, selecting and interacting with an interface. Drop it into onboarding tooltips that show where to click, select-tool buttons in a design editor, call-to-action badges on landing pages, analytics dashboards tracking clicks, and tutorial slides explaining a navigation step.

The pointer tilts to the upper left in the conventional direction, and the surrounding circle turns it into a self-contained button token. Stroke weights match across the frame and the arrow. It pairs with hand pointer, click, drag and mouse icons in the library. Keep it above 20px so the arrow's tail notch does not fill in.

This is the colour outline version of the cursor icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.

Get it free as an SVG vector or transparent PNG (16-512px), copy the SVG code, or restyle it in the free online editor — recolor any part, add gold, neon or gradient effects, animate it, or export EPS, PDF and DXF.

Free for personal and commercial use with attribution.

Icons with the same concept