Steps to reproduce
Some icons in Obsidian are named slightly differently from their official Lucide Icons name.
Example: arrow-up-a-z
is actually named arrow-up-az
(without the dash between a
and z
at the end.)
Users might (example: me) be confused as to why they can’t use certain icons, even though they are included in the version shipped with Obisidian.
- Create a callout
> [!example] Title
> Contents
- Add customise the callout’s icon with a CSS snippet
.callout[data-callout="example"] {
--callout-icon: arrow-up-a-z;
}
- Enable the snippet in the settings (Appearance > scroll to the bottom)
Did you follow the troubleshooting guide? [Y/N]
Yes.
Expected result
Actual result
Environment
SYSTEM INFO:
Obsidian version: v1.8.10
Installer version: v1.8.10
Operating system: #1 SMP PREEMPT_DYNAMIC Sun, 06 Jul 2025 12:59:22 +0000 6.12.36-1-lts
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 1
Restricted mode: on
RECOMMENDATIONS:
none
Additional information
I know it’s not a big deal, but it might confuse other people too, who don’t know to look up the minified app.js to find the actual name.