The Tabler arrow zig zag icon depicts a directional path with sharp turns, commonly used to indicate a non-linear movement, a complex route, or a change in direction within a user interface.
Common uses
- Indicating a complex navigation path
- Representing a data flow with multiple stages
- Signifying a change in direction or a detour
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowZigZag } from '@tabler/icons-react';
<IconArrowZigZag size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directioncursorpointerturnmovearrowzigzagnavigationflowarrowscurved arrowpath iconturning arrowroute icon
FAQ
- What is the arrow zig zag icon used for?
- It's used to visually represent a path that changes direction multiple times, ideal for showing complex routes or non-linear processes.
- How do I use the arrow zig zag icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconArrowZigZag } from '@tabler/icons-react'.
- What is the license for the Tabler arrow zig zag icon?
- The Tabler icon library, including the arrow zig zag icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →