Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Material Icons LibraryNew to Visual Studio Code? Get it now.
Material Icons Library

Material Icons Library

Archety

|
23,378 installs
| (2) | Free
Insert material icons straight into your code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Material Icons Library

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

preview

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.1.2] - 2018-07-19

Added

  • Option to use an material icons font instead of svgs

Fixed

  • Bug with switching to new editor after insertion
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft