AccordionIcons
100% Free & Open Source

Accordion Icons

Beautiful open & closed state icon pairs for accordion UI components. Preview, customize colors, and export as SVG.

8 icon pairs SVG / Data URI / Download Dark mode Color customizable

Chevron

Lucide

Down
Up

Chevron Horizontal

Lucide

Right
Left

Plus / Minus

Lucide

Plus
Minus

Circle Plus / Minus

Lucide

Plus
Minus

Arrow

Lucide

Down
Up

Caret (Filled)

Custom SVG

Down
Up

Circle Arrow

Lucide

Down
Up

Circle Chevron

Lucide

Down
Up

See Them in Action

A live accordion demo — switch between icon styles to see how each looks.

Icon style:

Accordion icons indicate whether a section is expanded or collapsed. Common styles include chevrons, plus/minus signs, carets, and arrows.

Click "Copy SVG" on any card above to copy the SVG code. Paste it into your HTML. Use the color picker to match your design system before copying.

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.

Try switching icon styles to see how each looks in a real accordion