Direction icons

8 icons carry the tag direction, across Travel, Developer Tools, AI & LLM, Interface and Weather. Compass, Joystick, Left to right and 5 more — each in outline and duotone at three weights, with the code for React, Vue, Svelte, Flutter and more.

The 8 direction icons, described

Compasscompass: A ring with the needle across it.
Joystickjoystick: A joystick — the stick that points in every direction, a game controller.
Left to rightltr: Lines of text with an arrow pointing right — left-to-right text direction.
Right to leftrtl: Lines of text with an arrow pointing left — right-to-left text direction.
Turn leftturn-left: The road that goes up and turns left.
Turn rightturn-right: The road that goes up and turns right.
Vectorvector: A vector — an arrow with a direction and a magnitude, the basic unit of embeddings and linear algebra.
Wind directionwind-direction: The arrow the wind comes from, on its ring.

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

Tags these icons also carry

text26 turn19 arrow5 control14 from5 game3 left17 right10

Every direction icon, free to ship

8 of 5,287 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