Docouture

Icon gallery

Every icon this site’s UI bundle actually ships, so you never have to guess a name and find out only after a card renders with a blank header slot.

The set below is fixed by whichever @inditextech/docouture-ui-bundle version this site depends on — a normal site cannot add to it at request time, since the sprite is baked into the published package. The icons themselves come from Lucide (ISC licensed, public npm) — a name here is the same name lucide.dev/icons/<name> uses, so browsing that catalogue is a legitimate way to find a candidate before checking whether it’s already vendored below. Need one that isn’t? Open a request against the docouture repository — vendoring a new Lucide icon is one line in packages/ui-bundle/src/img/icons.yml plus a UI bundle release, but a site consuming the published package can’t do that itself.

Two places an icon reference is read, two different rules

  • nav_modules[].icon (see Adding a module) is resolved by a Handlebars helper at page-render time, with full access to the icon sprite — any icon in this gallery works there, both sections below.

  • [card,icon="name"] (see Custom AsciiDoc components) is resolved by the Asciidoctor extension itself at build time, which has no access to the sprite at all — it can only emit a pre-generated CSS class. Only the icons in the first section below have one. Reference one from the second section instead, and nothing errors — the card just renders with an empty icon slot, silently.

Usable in [card,icon=]

Every icon here has a generated CSS mask, so it’s guaranteed to actually render in a card’s header. Copy the name as-is.

Copy button · admonition

The check that flashes after a successful code-block copy, and the IMPORTANT admonition’s icon.

Card icon example

Vendored specifically as a [card,icon=] example.

Admonition

The WARNING admonition’s icon.

Admonition

The CAUTION admonition’s icon.

Accordion · nav switcher

The disclosure marker on a [%collapsible] item, and the nav-switcher’s own chevron.

Card icon example

Vendored specifically as a [card,icon=] example.

Admonition

The NOTE admonition’s icon.

Card icon example

Vendored specifically as a [card,icon=] example.

Admonition

The TIP admonition’s icon.

Feature tabs · hero

Auto-appended to a [feature-tabs] slide’s [.cta] link, and to a hero action button, whenever the target isn’t a resolvable internal page.

Card icon example

The icon on this very site’s own Architecture quicklink card, and on main’s `nav_modules entry — proof the same string works in both places.

Card icon example

Vendored specifically as a [card,icon=] example.

Card icon example

Vendored specifically as a [card,icon=] example.

Card icon example

Vendored specifically as a [card,icon=] example.

Vendored, but not card-safe

These exist in the sprite and work fine in nav_modules[].icon, but have no CSS mask — putting one in [card,icon=] renders no icon and no warning.

Reference Where it’s actually used

moon

Dark-mode icon on the light/dark theme toggle.

plus

Vendored; no current template use in this bundle version.

arrow-left

Vendored; no current template use in this bundle version.

x

Side-menu drawer’s close button (mobile breakpoint).

x

A recent-search entry’s remove button.

copy

A code block’s copy-to-clipboard button, idle state.

maximize

A code block’s "view full screen" button.

minimize

The same button, swapped in once full screen is active.

search

The header toolbar’s search trigger, and the search dialog itself.

arrow-left

Pagination’s "previous page" link.

arrow-right

Pagination’s "next page" link.

chevron-up

Vendored; no current template use in this bundle version.

cloud

A nav_modules[].icon example (a "Store"-style module).

link

A section heading’s anchor / copy-link button.

wifi

A nav_modules[].icon example (a "Websockets"-style module).

circle-play

Vendored; no current template use in this bundle version.

menu

The side-menu’s open/close toggle.

panel-left

The "on this page" table-of-contents toggle.

wrench

A nav_modules[].icon example (a "React Helper"-style module).

house

Vendored; no current template use in this bundle version.

rotate-ccw-clock

The "recent searches" list heading.

sun

Light-mode icon on the light/dark theme toggle.

See Adding a module for nav_modules[].icon syntax and Custom AsciiDoc components for [card,icon=] syntax.