Obsidian built-in icon

I am using this.addRibbonIcon command to add a sidebar icon and would like to know what are the built-in icons and how can I find them

2 Likes

You can use any of the icon id’s from here:
https://lucide.dev/

The Icon Swapper plugin (obsidian://show-plugin?id=obsidian-icon-swapper | https://github.com/mgmeyers/obsidian-icon-swapper) shows all the other icons that are not from Lucide.

2 Likes

Thanks Perfect solution to my problem

Here’s another listing for the other icons: List of available icons for component setIcon - #4 by rpcm

2 Likes

I merged the two lists in Obsidian built-in icon - #4 by Jare and created a dataviewjs page to preview the icons. Only two-columns in the list no longer exists.

Obsidian built-in icon.md
> [!info]- Icons
> - add-note-glyph
> - any-key
> - audio-file
> - blocks
> - bold-glyph
> - box-glyph
> - bracket-glyph
> - broken-link
> - bullet-list
> - bullet-list-glyph
> - calendar-glyph
> - calendar-with-checkmark
> - check-in-circle
> - check-small
> - checkbox-glyph
> - checkmark
> - clock
> - clock-glyph
> - cloud
> - code-glyph
> - command-glyph
> - compress-glyph
> - create-new
> - cross
> - cross-in-box
> - crossed-star
> - dice
> - dice-glyph
> - document
> - documents
> - dot-network
> - double-down-arrow-glyph
> - double-up-arrow-glyph
> - down-arrow-with-tail
> - down-chevron-glyph
> - down-curly-arrow-glyph
> - duplicate-glyph
> - enlarge-glyph
> - enter
> - exit-fullscreen
> - expand-vertically
> - file-explorer-glyph
> - filled-pin
> - folder
> - forward-arrow
> - fullscreen
> - gear
> - github-glyph
> - go-to-file
> - graph-glyph
> - hashtag
> - heading-glyph
> - help
> - highlight-glyph
> - horizontal-split
> - image-file
> - image-glyph
> - import-glyph
> - indent-glyph
> - info
> - install
> - italic-glyph
> - keyboard-glyph
> - languages
> - left-arrow
> - left-arrow-with-tail
> - left-chevron-glyph
> - lines-of-text
> - link
> - link-glyph
> - links-coming-in
> - links-going-out
> - logo-crystal
> - magnifying-glass
> - merge-files
> - merge-files-glyph
> - microphone
> - microphone-filled
> - minus-with-circle
> - navigate-glyph
> - note-glyph
> - number-list-glyph
> - open-elsewhere-glyph
> - open-vault
> - pane-layout
> - paper-plane
> - paper-plane-glyph
> - paste
> - paste-text
> - paused
> - pdf-file
> - pencil
> - percent-sign-glyph
> - pin
> - play-audio-glyph
> - plus-minus-glyph
> - plus-with-circle
> - popup-open
> - presentation
> - presentation-glyph
> - price-tag-glyph
> - question-mark-glyph
> - quote-glyph
> - reading-glasses
> - redo-glyph
> - reset
> - restore-file-glyph
> - right-arrow
> - right-arrow-with-tail
> - right-chevron-glyph
> - right-triangle
> - run-command
> - scissors
> - scissors-glyph
> - search
> - search-glyph
> - select-all-text
> - sheets-in-box
> - split
> - stacked-levels
> - star
> - star-glyph
> - star-list
> - stop-audio-glyph
> - strikethrough-glyph
> - switch
> - sync
> - sync-small
> - tag-glyph
> - three-horizontal-bars
> - tomorrow-glyph
> - trash
> - two-blank-pages
> - undo-glyph
> - unindent-glyph
> - up-and-down-arrows
> - up-arrow-with-tail
> - up-chevron-glyph
> - up-curly-arrow-glyph
> - uppercase-lowercase-a
> - vault
> - vertical-split
> - vertical-three-dots
> - wand
> - wand-glyph
> - workspace-glyph
> - wrench-screwdriver-glyph
> - yesterday-glyph

```dataviewjs
const icons = dv.current().file.lists.map((l) => l.text);

await dv.table(
  ["Icon", "Name"],
  icons.map((l) => ["", l])
);

dv.container.querySelectorAll("tbody tr").forEach((tr, index) => {
  const td = tr.querySelector("td");
  obsidian.setIcon(td, icons[index], 16);
});
```
1 Like