A pointer over a dashed frame, for drop zones, hover targets and hotspots. On a 24×24 grid in stroke, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M3 6C3 4.34315 4.34315 3 6 3M10 3H13M20 7V6C20 4.34315 18.6569 3 17 3M7 20H6C4.34315 20 3 18.6569 3 17M3 10V13M10.8295 11.4097L13.7772 20.6718C13.9071 21.0802 14.4723 21.1169 14.6542 20.7287L16.5751 16.6314C16.625 16.5252 16.7127 16.4414 16.8213 16.3963L20.7094 14.7824C21.1122 14.6153 21.0913 14.0396 20.6776 13.9017L11.4287 10.8211C11.0628 10.6992 10.7128 11.043 10.8295 11.4097Z"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- drop zone
- hover target
- select area
- hotspot
- move to
- drop
- boundary
- edge
- snap
- pointer
- mouse
- select
- click
Related icons
The rest of the cursor family first, then the Pointers shelf.
FAQ
Answered from cursor-dashed-panel's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the cursor-dashed-panel icon for?
- A pointer over a dashed frame, for drop zones, hover targets and hotspots. It is filed under Pointers in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as drop zone, hover target, select area, hotspot, move to, drop, boundary, edge, snap, pointer, mouse, select and click, and the browser's search matches all of those.
- What styles does the cursor-dashed-panel icon come in?
- All three: stroke, duotone and fill. They are drawn from the same geometry, so swapping weight never moves anything.
- Is there a square or circle version of cursor-dashed-panel?
- No. cursor-dashed-panel is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with cursor-dashed-panel?
- circle-cursor, cursor, cursor-click, cursor-off, cursor-panel and cursor-signal, and 3 more, all shown below. The cursor family is listed first, then the rest of the Pointers shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import cursor-dashed-panel in React?
- <CursorDashedPanel /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <CursorDashedPanel size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the cursor-dashed-panel SVG?
- icons/stroke/cursor-dashed-panel.svg, icons/duotone/cursor-dashed-panel.svg and icons/fill/cursor-dashed-panel.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was cursor-dashed-panel added to the set?
- Added 8 Aug 2026, and last redrawn 9 Aug 2026. It ships in v0.1.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.