/MaterialIcons-SymbolElement

Generate list of Material Icons to symbols elements for Web usage with Gulp

Primary LanguageJavaScript

Material Icons Symbol Element

Generate list of Material Icons to symbols elements for Web usage with Gulp

Current Version: 4.0.0

No time to read and DIY?

Pre-generated SVGs are in the dest folder for download.

Material Icons Types

https://material.io/resources/icons/

  • Filled (default)
  • Outlined
  • Rounded
  • Two Toned
  • Sharp

Download latest icon pack from https://github.com/google/material-design-icons

Steps

  1. Download the repo
  2. Install the packages with npm i
  3. Run command at root of project with grunt, grunt gulpile.js
  4. File will be generated out in dest folder
  5. Include SVG in web page and reference icons with

<svg><use xlink:href="#m-icon-exit_to_app"></use></svg>

Quick commands

Feeling lazy? Just copy & paste the command for respective icon type. File will be generated out in dest folder, named src.svg.

Steps

grunt materialicons
grunt materialiconsoutlined
grunt materialiconsround
grunt materialiconssharp
grunt materialiconstwotone

References