The HugeIcons arrow turn forward icon visually represents a directional change or progression, commonly used to indicate moving to the next step, page, or action.
Common uses
- Next page/item navigation
- Proceeding to the next step in a wizard
- Forwarding an email or message
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ArrowTurnForwardIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ArrowTurnForwardIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- next iconforward arrowturn iconprogress icon
FAQ
- What does the arrow turn forward icon represent?
- This icon signifies a forward movement or a turn in a direction, often used for navigation or indicating progression.
- How do I use the ArrowTurnForwardIcon in React?
- Import it using `import { ArrowTurnForwardIcon } from '@hugeicons/core-free-icons';` and render it with `<HugeiconsIcon icon={ArrowTurnForwardIcon} />`.
- What is the license for this icon?
- The HugeIcons icon library, including this icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons 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 →