Icon

Markdown text supports the insertion of icons. Some components (such as Accordion, Accordion groups, Card, Card Group, Step, Tip, Highlight, etc.) also support the use of icons.

Currently, the following icons are directly supported: Material Design Icons (MDI), Remix Icon, Lucide Icons.

Component Usage with Icons

Components like Accordion, Accordion Group, Card, Card Group, Step, Tip, Highlight, etc. support the use of icons. Most components use icons by adding the parameter icon="material-two-tone-storefront".

Example:

Card with Icon

Here is the card content

Code:

<Card title="Card with Icon" icon="material-two-tone-storefront"> 
Here is the card content
</Card>

Within text, icons are used by :icon-code:.

An icon is inserted in the middle of the text.

An icon :material-two-tone-storefront: is inserted in the middle of the text.

An icon is inserted in the middle of the text.

An icon :remix-bank-line: is inserted in the middle of the text.

An icon is inserted in the middle of the text.

An icon :lucide-store: is inserted in the middle of the text.

Material Design Icons rule: material-type-icon-name, such as material-outline-settings

Remix Icon rule: remix-icon-name-type, such as remix-base-station-fill

Lucide Icons rule: lucide-type-icon-name, such as lucide-circle-arrow-down