How to include Material Design Icons?

This page summarizes the projects mentioned and recommended in the original post on /r/webdev

Our great sponsors
  • Onboard AI - Learn any GitHub repo in 59 seconds
  • InfluxDB - Collect and Analyze Billions of Data Points in Real Time
  • SaaSHub - Software Alternatives and Reviews
  • material-design-icons

    Material Design icons by Google

    Hi, I want to include the material design icons in my webdesign. In the docs it says I could use the webfont which can be found here. However there is only ttf/otf but no woff2. In the docs it says there should be a woff2 that is 42KB in size, but I can't find it...

  • svg-sprite

    SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)

    However this would include all 7000+ icons, while I need maybe 100 of them. The recommended way is to create a svg "spritesheet" to include only the icons needed. The recommended tool is svg-sprite but based on NodeJS/JS which I don't know. I could use a tool based on Python, is there something available?

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts