How to include Material Design Icons?

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

SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured
  • material-design-icons

    Material Design icons by Google (Material Symbols)

    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...

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
  • 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?

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

  • Google Fonts documentation not always up to date?

    1 project | /r/webdev | 30 Jun 2023
  • Adjust icon size of Floating action button (fab)

    1 project | /r/codehunter | 20 Sep 2022
  • Free icon sources for use with websites with no link required. Any available?

    1 project | /r/software | 4 May 2022
  • google material icons loading slowly, flicker from text to icon

    1 project | /r/codehunter | 22 Apr 2022
  • material icons source

    1 project | /r/tasker | 6 Feb 2022