# Obsidian Icon Gallery
## Metadata
**Zettel**:: #zettel/permanent
**Status**:: #x
**Created**:: [[2022-09-24]]
**Parent**:: [[Obsidian API for Plugins]]
## Lucide Icons
Search icons on [lucide.dev](https://lucide.dev/) and optionally prefix the name with `lucide-`, e.g., `lucide-code`. Now all the icons listed in the website are available in Obsidian. Add the icon name to the list and use Dataview to preview.
> [!info]- Favorite Lucide Icons
> - code
> - edit
> - file
> - file-plus
> - folder-open
> - form-input
> - calendar
> - bot
```dataviewjs
const icons = dv.current().file.lists.filter((l) => l.section.subpath === "Lucide Icons").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], 24);
});
```
## Interface Icons
The list is from [this forum thread](https://forum.obsidian.md/t/obsidian-built-in-icon/36950/2).
> [!info]- Interface Icons List
> - 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.filter((l) => l.section.subpath === "Interface Icons").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], 24);
});
```