Iconoir Icons

iconoir-icons

A plugin for creating & displaying customized SVG [Iconoir Icons](https://iconoir.com/) in [Obsidian](https://obsidian.md).

⚠️ NOTICE

Copyright (c) 2023 Luca Burgio - https://iconoir.com; License - https://github.com/lucaburgio/iconoir/blob/main/LICENSE (Code: MIT License)

features

icon search suggestions


custom `CSS` styles


installation

[Install from community.obsidian.md](https://community.obsidian.md/plugins/iconoir-icons)

From Obsidian's settings or preferences:

1. Community Plugins > Browse
2. Search for "Iconoir Icons"

Manually:

1. download the latest release archive
2. uncompress the downloaded archive
3. move the iconoir-icons folder to /path/to/vault/.obsidian/plugins/
4. Settings > Community plugins > reload Installed plugins
5. enable plugin

or:

1. download main.js, manifest.json & styles.css from the latest release
2. create a new folder /path/to/vault/.obsidian/plugins/iconoir-icons
3. move all 3 files to /path/to/vault/.obsidian/plugins/iconoir-icons
4. Settings > Community plugins > reload Installed plugins
5. enable plugin

syntax

To trigger the icon name suggestion interface, type the ampersand key twice(`&&`) and start typing a query.

The syntax for the icon component is:

`~![ICON|COLOR|W|H|STYLE]`

The delimiter is the pipe symbol `|`.

ICON   = the name of the icon e.g. iconoir-peace-hand
COLOR  = the CSS color of the icon e.g. purple
W      = the CSS width of the icon e.g. 1em
H      = the CSS height of the icon e.g. 1em
STYLE  = the CSS rule(s) for the icon component e.g. float:right;

ONLY the ICON name is required. ALL others optional, but cannot be empty.

`~![iconoir-peace-hand|purple|1em|1em|float:right;]`

basi