Icons

Use :name: inline anywhere — in headings, buttons, nav bars, or plain text.

Basic Usage

:home: Home  :user: Profile  :settings: Settings

[:search: Search]*  [:edit: Edit]  [:delete: Delete]{danger}

[[ :logo: MyApp | :home: Home | :bell: Alerts | :user: Account ]]

Available Icons

Icons render as inline Tabler SVGs. Existing names remain supported as aliases.

UI & Actions

Navigation

Status

Communication & Media

Files & Content

Business & Finance

Tech, Map & Logistics

Activities & Objects

Social Media

Compatibility Aliases

Alias	Uses
:brand:	:diamond:
:cart:	:shopping-cart:
:chart:	:chart-bar:
:chat:	:message-circle:
:close:	:x:
:delete:	:trash:
:document:	:file-text:
:dollar:	:currency-dollar:
:error:	:alert-circle:
:euro:	:currency-euro:
:gear:	:settings:
:github:	:brand-github:
:image:	:photo:
:info:	:info-circle:
:location:	:map-pin:
:logo:	:diamond:
:menu:	:menu-2:
:more:	:dots:
:pdf:	:file-type-pdf:
:pound:	:currency-pound:
:success:	:circle-check:
:twitter:	:brand-x:
:unlock:	:lock-open:
:warning:	:alert-triangle:

Syntax

:name:              inline icon
[:name: Label]*     icon in a button
:name: Label        icon before text
[[ :logo: Brand | ... ]]  icon in navbar brand

Unknown icon names fall back to :circle:.