The EASY way to use Material Design Icons

2 years ago
851

If you're a web developer, you've probably used Google's Material Design Icon font. It's a great way to include 1 small file and get gajillions of icons - instead of making 20 different pixel sizes of numerous icons, and then creating sprites and all that jazz. The trouble is that until now, there was no reference for PAST versions of the MD icon font. You're supposed to just load it from Google's servers and be happy. But what if you you don't need 1800+ icons at 102kB in file size? What if an older version of the MD icon font is just fine, you want to load the font file from your own servers or CDN, and you just want to know what icons are available in that older version? Now, you're all set! You can also use my Material Design Icon Viewer to see the differences between versions of the icon font, search for a certain icon, and even see the difference in font file sizes between versions. And then you can make a more intelligent decision as to what you really NEED in your application!

Links mentioned in the vid:
- Material Design Icons on Google Fonts: https://fonts.google.com/icons
- Material Icons on github: https://github.com/google/material-design-icons
- Scottie's Material Design Icon Viewer: https://scottiestech.info/material_icons/
- Code Example: https://scottiestech.info/2021/06/22/the-easy-way-to-use-material-design-icons/

More techie tips: https://scottiestech.info

Loading comments...