# Google Material icons

**URL:** https://meta.discourse.org/t/google-material-icons/107049
**Category:** Support
**Created:** [January 20, 2019, 10:12pm UTC](https://meta.discourse.org/t/google-material-icons/107049 "2019-01-20T22:12:49Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [January 20, 2019, 11:58pm UTC](https://meta.discourse.org/t/google-material-icons/107049/2 "2019-01-20T23:58:07Z")

</div>

[Daemonite](https://meta.discourse.org/t/daemonite-material-theme/64521) imports the icons from Google and uses the old icon renderer to display them with CSS. Below are the key chunks of code you would need to add to a theme component of your main theme. Keep in mind you will probably need to add some additional styling beyond this.

### Add to common CSS

- [Import the Google Icons and setup initial styling](https://github.com/Daemonite/discourse-material-theme/blob/83a7de732a13ac9f8bde60aaefbee39269c601fd/common/common.scss#L21-L47)
- [Add icon names to the specific elements](https://github.com/Daemonite/discourse-material-theme/blob/83a7de732a13ac9f8bde60aaefbee39269c601fd/common/common.scss#L2719-L3753)

### Add to common `</head>`

- [Use the old icon renderer](https://github.com/Daemonite/discourse-material-theme/blob/83a7de732a13ac9f8bde60aaefbee39269c601fd/common/head_tag.html)

---

_[View the full topic](https://meta.discourse.org/t/google-material-icons/107049)._