Pixelarticons

Square Dashed Cursor Pixel Art Icon

A dashed square cursor icon for marquee selection, drag-to-select regions, area capture and bounding-box tool indicators.

devices Free 4 variants

Tags

squaredashedcursor

Style variants

base

Outline · rounded corners

sharp

Outline · sharp corners

glyph

Filled · sharp corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Square Dashed Cursor icon

A dashed or dotted square with a cursor overlaid, indicating a drag-to-select or marquee area action. It appears in image editors, canvas tools, and screenshot utilities on the button that initiates a region-selection gesture. Use it to label 'Select area,' 'Capture region,' or 'Marquee tool' in a creative or productivity app. The dashed border specifically distinguishes it from a solid square cursor, which refers to a text-insertion caret rather than a selection gesture.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/square-dashed-cursor.svg" width="24" height="24" alt="Square Dashed Cursor" />

<!-- React -->
import { SquareDashedCursor } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="square-dashed-cursor.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons