Accordion icons
16 free open and closed icon pairs. Set a color and stroke, then copy the SVG, a data URI, or a ready-made accordion.
/
Icon pairs
Chevron Disclosure
Chevron Horizontal
Double Chevron
Expand / Collapse
Plus / Minus
Circle Plus / Minus
Square Plus / Minus
Arrow
Caret (Filled)
Caret Disclosure (Filled)
Circle Arrow
Circle Chevron
Circle Chevron Disclosure
Square Chevron
Unfold / Fold
No icons match that search.
Try chevron, plus, caret, or arrow.
Try them in an accordion
Pick a pair to see how it reads in a real accordion, with your color and stroke.
Accordion icons indicate whether a section is expanded or collapsed. Common styles include chevrons, plus/minus signs, carets, and arrows.
Click the closed or open preview on a card, then copy the SVG, copy a data URI for CSS, or download the file. The code button copies a native <details> accordion with both icons already wired up.
Yes! Most icons are sourced from Lucide (ISC license) and are free for personal and commercial use. Custom caret icons are also free to use.