Turn icons

9 icons carry the tag turn, all in Interface. Corner down right, Corner left down, Corner left up and 6 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 9 turn icons, described

Corner down rightcorner-down-right: An arrow that goes down and then turns right — a step down into the next line.
Corner left downcorner-left-down: An arrow that goes left and then turns down — come across and drop.
Corner left upcorner-left-up: An arrow that goes left and then turns up — come across and rise.
Corner right downcorner-right-down: An arrow that goes right and then turns down — move along and drop.
Corner right upcorner-right-up: An arrow that goes right and then turns up — move along and rise.
Corner up leftcorner-up-left: An arrow that goes up and then turns left — a step back up to the line before.
Corner up rightcorner-up-right: An arrow that goes up and then turns right — a step up and onward.
Rotate anticlockwiserotate-ccw: Rotate anticlockwise — a quarter turn to the left around the centre.
Rotate clockwiserotate-cw: Rotate clockwise — a quarter turn to the right around the centre.

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

Tags these icons also carry

across4 drop19 rise3 up15 back11 left9 next10 right6 step10

Every turn icon, free to ship

9 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