Material Symbols

Material Symbols Plugin

This is a simple plugin for Obsidian to add Google's material symbols outlined.

This plugin adds 2 commands to easily add symbols to the current document.

Usage

1. Hit Ctrl + P and search for symbol.
   You can find 2 options to add the icons:
   1. Add Symbol adds <span class="mso"></span>
   2. Add Symbol (class single-quoted) to add <span class='mso'></span> as it could be needed in nested elements.
2. After inserting the icon html, the cursor will be set into the tag.
3. Add the icon name as expected from Google Material Symbols

Example

<span class="mso">dashboard</span> should render this icon:

Default Settings

The following font settings will be applied by default:

Overwriting defaults

For easier changes you can use one of the following classes to activate other font settings:

Example

• <span class="mso">dashboard</span> will render the dashboard icon with weight 200 (default!)
• <span class="mso weight400 grade200">dashboard</span> will render the dashboard icon with weight 400 and grade 200