SVG Library›Cursors and Pointer States›Cursor Arrow Classic

What Cursor Arrow Classic is good for

Classic black arrow cursor with white outline.

Use this asset in code, Figma, docs, decks, or product surfaces. The item page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Use it in your workflow

  • Copy the raw SVG when you want the original markup.
  • Copy JSX when the asset is going straight into a React or Next.js component.
  • Copy a React component when you want a reusable wrapper with props support.
  • Download PNG when the destination needs a raster graphic for slides, docs, or CMS fields.

Browse related collections and guides

Collections

Cursors and Pointer States

Guides

Use SVG in FigmaCustomize SVG Colors

FAQ

What is Cursor Arrow Classic useful for?

Cursor Arrow Classic is useful for cursors layouts, product UI, editorial graphics, docs, and presentation work where you need a reusable vector asset.

Can I customize Cursor Arrow Classic before exporting it?

Yes. The asset page supports local preview, up to three detected color replacements, and export as SVG or PNG.

Can I use Cursor Arrow Classic in code instead of downloading a file?

Yes. The item page can provide raw SVG, JSX, and a React component version for direct use in codebases.

Related assets

Cursor Crosshair

Precision crosshair cursor for targeting and alignment states.

Ads Click

Click or pointer-action glyph from Material.

Deselect

Deselect interaction icon.

Drag Handle

Handle icon for moving items.

Drag Indicator

Drag handle dots for reorder and move actions.

Mouse

Mouse pointer glyph in Material style.