Template:Icon
Inserts an inline Lucide icon. The icon is an SVG that uses currentColor, so by default it inherits the surrounding text colour and follows dark mode automatically.
Usage
{{Icon|check}}
{{Icon|triangle-alert|size=lg|color=warning}}
{{Icon|external-link|label=Opens in a new tab}}
Parameters
| Parameter | Default | Description |
|---|---|---|
1 |
— | Icon name (see list below). Required. |
size |
em |
em (matches font size), xs, sm, md, lg, xl
|
color |
inherits | muted, brand, info, success, warning, danger. Omit to match the surrounding text.
|
stroke |
2 |
Stroke width, 0.5–4. Use 1.5 for large icons. |
label |
— | Accessible label. Omit when the icon sits next to text that already describes it; supply it when the icon is the only content (e.g. an icon-only link). |
class |
— | Escape hatch for extra classes. Only classes already present in the Prism UI build take effect; prefer color and size.
|
Available icons
The icon set is defined by the Prism UI extension and shown here directly from the build, so this list is always current. Requesting a name not in the set shows an error and adds the page to Category:Pages with unknown Prism UI icons.
accessibilityapp-windowarrow-leftarrow-rightbackpackbanknotebirdbook-openbookmarkbraincakecalendarcheckchevron-downchevron-leftchevron-rightchevron-upcircle-alertcircle-checkcircle-question-markcircle-user-roundcircle-xclockcloud-downloadcopycpudownloadexternal-linkeyeeye-offfile-textfrowngiftglobegraduation-caphouseimageinfokey-roundlibrarylightbulblinklockmailmail-openmenumicroscopeminusmonitornewspaperpencilphoneplusprinterrefresh-cwsearchsendsettingsshield-alertshield-checksmartphonesparklesparklesstartagterminaltrash-2triangle-alertuploaduserusersusers-roundvariablevideowifixzapbrand-androidbrand-gmailbrand-google-drivebrand-googlefile-spreadsheetTemplates in the extension call {{#icon:}} directly; this template is a convenience wrapper for editors and produces identical output.