Cursor color outline icon
Outline arrow mouse pointer tilted upper left inside a thin circle
Related tags
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.





















