Arrows
153 hand-drawn arrows icons spanning arrow thick down octagon, chevron down and repeat circle vertical and more, available in line, duotone and solid styles on a shared 24×24 grid. They're built for navigation, sorting controls and directional cues. Click any icon to preview every style, copy the SVG or download it with a license.
153 icons · line, duotone and solid
- arrow-collapse-down
- arrow-collapse-left
- arrow-collapse-right
- arrow-collapse-up
- arrow-decision-left
- arrow-decision-right
- arrow-decision-up
- arrow-double-bottom
- arrow-double-in-right
- arrow-double-left
- arrow-double-out-down
- arrow-double-out-right
- arrow-double-out-top
- arrow-double-right
- arrow-double-top
- arrow-down
- arrow-down-box
- arrow-down-circle
- arrow-down-left
- arrow-down-octagon
- arrow-down-right
- arrow-expand-down
- arrow-expand-left
- arrow-expand-right
- arrow-expand-up
- arrow-left
- arrow-left-box
- arrow-left-circle
- arrow-left-down
- arrow-left-octagon
- arrow-left-up
- arrow-right
- arrow-right-box
- arrow-right-circle
- arrow-right-down
- arrow-right-octagon
- arrow-right-up
- arrow-thick-down
- arrow-thick-down-box
- arrow-thick-down-circle
- arrow-thick-down-octagon
- arrow-thick-left
- arrow-thick-left-box
- arrow-thick-left-circle
- arrow-thick-left-octagon
- arrow-thick-right
- arrow-thick-right-box
- arrow-thick-right-circle
- arrow-thick-right-octagon
- arrow-thick-up
- arrow-thick-up-box
- arrow-thick-up-circle
- arrow-thick-up-octagon
- arrow-triple-bottom
- arrow-triple-in-right
- arrow-triple-left
- arrow-triple-out-down
- arrow-triple-out-right
- arrow-triple-out-top
- arrow-triple-right
- arrow-triple-top
- arrow-up
- arrow-up-box
- arrow-up-circle
- arrow-up-left
- arrow-up-octagon
- arrow-up-right
- arrows-collapse-full
- arrows-collapse-full-2
- arrows-expand-full
- arrows-expand-full-2
- chevron-collapse
- chevron-double-down
- chevron-double-down-box
- chevron-double-down-circle
- chevron-double-left
- chevron-double-left-box
- chevron-double-left-circle
- chevron-double-right
- chevron-double-right-box
- chevron-double-right-circle
- chevron-double-up
- chevron-double-up-box
- chevron-double-up-circle
- chevron-down
- chevron-down-box
- chevron-down-circle
- chevron-down-octagon
- chevron-expand
- chevron-grow
- chevron-left
- chevron-left-box
- chevron-left-circle
- chevron-left-octagon
- chevron-right
- chevron-right-box
- chevron-right-circle
- chevron-right-octagon
- chevron-shrink
- chevron-up
- chevron-up-box
- chevron-up-circle
- chevron-up-octagon
- history
- login
- login-2
- login-2-circle
- login-2-half-circle
- login-2-octagon
- login-circle
- login-half-circle
- login-octagon
- logout
- logout-2
- logout-2-circle
- logout-2-half-circle
- logout-2-octagon
- logout-circle
- logout-half-circle
- logout-octagon
- maximize
- maximize-box
- maximize-circle
- minimize
- minimize-box
- minimize-circle
- redo
- redo-2
- redo-box
- redo-circle
- redo-octagon
- reload
- reload-2
- reload-box
- reload-circle
- reload-octagon
- repeat-circle-horizontal
- repeat-circle-vertical
- repeat-horizontal
- repeat-vertical
- rotate-down
- rotate-left
- rotate-right
- rotate-top
- swap-2
- swap-3
- swap-horizontal
- swap-vertical
- undo
- undo-2
- undo-box
- undo-circle
- undo-octagon
Using the arrows icons
Every arrows icon comes as an SVG file and as a native component in the Figma master file. The line icons use real strokes, so the stroke width stays editable. Designers can work with them as Figma components, developers can paste the SVG into React. 28 of these icons are in the free MIT-licensed set.
Related categories
Arrows icons FAQ
- How many arrows icons are in Majesticons?
- There are 153 arrows icons, each hand-crafted in line, duotone and solid styles on the same 24×24 grid as the other 11,000+ icons in the library.
- Are the arrows icons free?
- Previewing all 153 arrows icons is free. 28 of them are part of the free MIT-licensed set: copy or download those in the icon explorer without a license, or install them with "npm install majesticons". The rest take a one-time Majesticons license.
- Which format do the arrows icons come in?
- Every arrows icon is an optimized SVG file, and the Figma master file has each one as a native component. The line versions keep real strokes, so you can change the stroke width in code or in Figma.
- Where can I use arrows icons?
- They are made for navigation, sorting controls and directional cues. A license covers unlimited personal and commercial projects, including client work, with no per-project fees.
Use these icons in your project
One payment, lifetime access: all 11,000+ icons in three styles, SVG copy & download, and the Figma master file.
