Using The Material Design Icons Webfont

Mark Zachmann
Feb 5 · 1 min read

I’ve been using the Material Designs Icons webfont and can not find a summary of character code vs icon. So, I wrote a simple Net.js application that produces a web page or pdf showing them.

Here’s the code for the Node.js application. If you create a Node.js typescript application using Visual Studio then this code will slot right in. You must install the ttf webfont into Windows before running this.

Typescript code to display the Material Design Icons webfont

Here’s a view of what the output looks like:

Visual display of the output in Edge

Home Wireless

Home automation in the wireless IOT era

Mark Zachmann

Written by

Entrepreneur, software architect, electrical engineer. Ex-academic.

Home Wireless

Home automation in the wireless IOT era

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade