Adding Material Icon font

You can get access to a good default set of iconography by adding the Material Icon web font to your application. Clocking in at 48 kb in size, this is a very lightweight library.

  • For icon support, import the font in index.html:
src/index.html<head>  ...  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"></head>

Discover and search through the icons on https://www.google.com/design/icons/.

For a richer set of icons, check out MaterialDesignIcons.com. This icon set contains the base set of Material icons, plus a rich set of third-party icons that contains useful imagery from social media sites to a rich set of actions that cover a lot of ground. This font is 118 kb in size.

Get Angular 6 for Enterprise-Ready Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.