Collapse icons

The 14 collapse icons, described

Accordionaccordion

Three headings with chevrons, one of them open — an accordion of collapsible sections.

Breadcrumb collapsebreadcrumb-collapse

An ellipsis followed by a chevron — a breadcrumb trail collapsed to its last steps.

Chevron upchevron-up

An up-pointing chevron — collapse what is below, show less or go up a level.

Chevrons down upchevrons-down-up

A chevron pointing down above one pointing up — collapse, bring the two halves together.

Chevrons right leftchevrons-right-left

Chevrons pointing in from the left and the right — narrow, collapse sideways.

Collapse blockcollapse-block

Two chevrons closing inside brackets — fold a block of code out of view.

Debouncedebounce

Debounce — many rapid firings collapsed into one once things settle.

Distinctdistinct-rows

Distinct — duplicates collapsed so each row appears once.

List collapselist-collapse

A clipboard, two chevrons closing on it — collapse a list to its heading.

Minimizeminimize

Minimize — shrink a window or panel and give the space back to what is behind it.

Panel bottom closepanel-bottom-close

A window with a bar across the bottom and a chevron pointing down at it — collapse the bottom panel.

Panel left closepanel-left-close

A window with its left panel and a chevron pointing back at it — collapse the sidebar.

Panel right closepanel-right-close

A window with its right panel and a chevron pointing back at it — collapse the inspector.

Panel top closepanel-top-close

A window with a bar across the top and a chevron pointing up at it — collapse the top panel.

In code, each is one import — import { Accordion } from "@iconmind/react/icons/accordion" — and the same name in Vue, Svelte, Solid, Preact, React Native, Astro, Blade and Flutter.

Tags these icons also carry