FlorianWoelki/obsidian-iconize

Simply add icons to anything you want in Obsidian.

TypeScript

1,410

939 commits

updated Apr 27, 2026

See the code

README

Obsidian Iconize

Preview Image

Project Deprecation and End of Maintenance: read more

What is it?

This obsidian plugin allows you to add any custom icon (of type .svg) or from an icon pack to anything you want.

Refer to the official documentation for more information: https://florianwoelki.github.io/obsidian-iconize/ about the plugin and its functionalities.

Key Highlights

Icons before file/folder name, Icons in notes, Icon above title, Predefined icon packs, Icons in tabs, Customizable settings, Custom rules, Frontmatter integration, Change color of an individual icon,

Development

To customize this project for your needs, you can clone it and then install all dependencies:

$ git clone https://github.com/FlorianWoelki/obsidian-iconize
$ cd obsidian-iconize
$ pnpm i

After the installation, you need to create a env.js file in the root directory. Fill the file with the following content:

export const obsidianExportPath =
  '<path-to-obsidian-vault>/.obsidian/plugins/obsidian-iconize/';

Make sure you create the directory specified in that variable if it does not exist yet.

Afterwards, you can start the rollup dev server by using:

$ pnpm dev

This command will automatically build the neccesary files for testing and developing on every change. Furthermore, it does copy all the necessary files to the plugin directory you specified.

Finally, you can customize the plugin and add it to your plugins.

icons
obsidian
obsidian-community
obsidian-folder
obsidian-iconize
obsidian-icons
obsidian-md
obsidian-plugin

FlorianWoelki/obsidian-iconize

Simply add icons to anything you want in Obsidian.

TypeScript

1,410

939 commits

updated Apr 27, 2026

See the code

README

Obsidian Iconize

Preview Image

Project Deprecation and End of Maintenance: read more

What is it?

This obsidian plugin allows you to add any custom icon (of type .svg) or from an icon pack to anything you want.

Refer to the official documentation for more information: https://florianwoelki.github.io/obsidian-iconize/ about the plugin and its functionalities.

Key Highlights

Icons before file/folder name, Icons in notes, Icon above title, Predefined icon packs, Icons in tabs, Customizable settings, Custom rules, Frontmatter integration, Change color of an individual icon,

Development

To customize this project for your needs, you can clone it and then install all dependencies:

$ git clone https://github.com/FlorianWoelki/obsidian-iconize
$ cd obsidian-iconize
$ pnpm i

After the installation, you need to create a env.js file in the root directory. Fill the file with the following content:

export const obsidianExportPath =
  '<path-to-obsidian-vault>/.obsidian/plugins/obsidian-iconize/';

Make sure you create the directory specified in that variable if it does not exist yet.

Afterwards, you can start the rollup dev server by using:

$ pnpm dev

This command will automatically build the neccesary files for testing and developing on every change. Furthermore, it does copy all the necessary files to the plugin directory you specified.

Finally, you can customize the plugin and add it to your plugins.

icons
obsidian
obsidian-community
obsidian-folder
obsidian-iconize
obsidian-icons
obsidian-md
obsidian-plugin

Significant stargazers

Stephen Diehl

3,496 followers · starred May 2026

Christian Oliff

564 followers · starred Jun 2024

Chris Grieser

671 followers · starred Jan 2025

Ben Hong

2,240 followers · starred Sep 2021