Explorer With Icons

Add icons to your Obsidian file explorer with CSS.

CSSAny theme
# Explorer With Icons

Add icons to your Obsidian file explorer with CSS.

> [!NOTE]
> Tested in Windows and Android but should work fine in macOS, Linux, and iOS.

# Preview

This screenshot was taken with the [Minimal](https://github.com/kepano/obsidian-minimal) theme applied.

![This is a screenshot of Obsidian with the CSS snippet enabled](./assets/preview.png 'Preview')

# How to install and enable

1. Open your vault root folder in your OS file explorer
2. Open the `.obsidian` folder and create a new folder called `snippets`
3. Download and paste the `explorer-with-icons.css` of this repository inside of the `snippets` folder
4. In Obsidian, open the settings in the appearance section, scroll down to the end and enable the snippet

> [!NOTE]
> The icon color is hardcoded in the SVG. If you want it in a different color, you can modify the `stroke` property for each SVG.

# Special thanks to

[Lucide Icons](https://lucide.dev/) for their awesome work.

Related

How to Install

  1. Download the CSS file below
  2. Move it to your vault's .obsidian/snippets/ folder
  3. Open Obsidian → Settings → Appearance → CSS Snippets → Enable it
Download snippet.css

Stats

Stars

1

Forks

0

License

GPL-3.0

Last updated 28mo ago

Categories

Tags

obsidianobsidianmdsnippet