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.
/
16 of 16 icon pairs
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.
Building an FAQ or disclosure? Learn how to add accordion icons with HTML and CSS.
Try them in an accordion
Pick a pair to see how it reads in a real accordion, with your color and stroke.
What are accordion icons?
Accordion icons indicate whether a section is expanded or collapsed. Common styles include chevrons, plus/minus signs, carets, and arrows.
How do I use these icons?
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.
Are these icons free to use?
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.