Corner icons

8 icons carry the tag corner, all in Interface. Arrow down left, Arrow down right, Arrow up left and 5 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 8 corner icons, described

Arrow down leftarrow-down-left: An arrow pointing to the bottom left corner — back and down, an incoming reply.
Arrow down rightarrow-down-right: An arrow pointing to the bottom right corner — onward and down, towards the end of things.
Arrow up leftarrow-up-left: An arrow pointing to the top left corner — go back and up, towards the start of things.
Corner radiuscorner-radius: Corner radius — how round a corner is, the rounding of a shape or a box.
Resize handlehandle-resize: A resize handle — pull the corner and the box follows to its new size.
Move diagonalmove-diagonal: A diagonal arrow with a head at each end — drag a corner, resize in both directions at once.
Picture in picturepicture-in-picture: Picture in picture — the small video window that follows you around the screen.
Resize handleresize-handle: Three diagonal grip lines in a corner — the handle you drag to resize a panel.

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

Tags these icons also carry

diagonal3 resize3 drag5 overlay5 shape5

Every corner icon, free to ship

8 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.

All tags Install the package Request an icon