steebn/material-icons

Simple VSCode extension for inserting Google material icons straight into your code

Material Icons Library

A VSCode extension that let's you insert Google's Material Design Icons into your html code.

Features

Minimalistic sidebar library which allows you to:

• Place icons in file
• Change existing icons
• Search by name
• Copy svgs directly to clipboard
• Add to your Bookmarks for quick access
• Download the latest pack from Google's repository

Usage

Extension is activated by running imageIcons.showLibrary command. You can either:

• Press ctrl+alt+i to open it.
• Press f1 or ctrl+shift+p and type Show Icons Library.

Settings

• material-icons.classList: Defines classes which svgs will have after insertion
• material-icons.useFont: Use icon font (<i class="material-icons">example</i>) instead of svgs
• material-icons.includeXmlns: Chooses whether to include the xmlns tag inside svgs

Relesase Notes [0.2.0] - 2018-07-19

Added

• Option to use an material icons font instead of svgs

Fixed

• Bug with switching to new editor after insertion