How to include Material Design Icons?

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

Our great sponsors
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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?

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

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