Skip to content
IconMind

Drag icons

5 icons carry the tag drag, all in Interface. Pan canvas, Resize handle, Move and 2 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 5 drag icons, described

Pan canvascanvas-pan
Pan canvas — drag the whole world, not the thing on it, in any of four directions.
Resize handlehandle-resize
A resize handle — pull the corner and the box follows to its new size.
Movemove
Move — drag something anywhere, pan a canvas or reposition an object.
Move diagonalmove-diagonal
A diagonal arrow with a head at each end — drag a corner, resize in both directions at once.
Reorderreorder
A list beside an up-and-down arrow — drag rows to reorder or sort them by hand.

In code, each is one import — import { CanvasPan } from "@iconmind/react/icons/canvas-pan" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry

Every drag icon, free to ship

5 of 2,437 icons compiled from one grid — outline and duotone, three weights, every cell generated rather than redrawn. MIT licensed: commercial use, no attribution, no seat count.