# 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:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Merlls\_Rizzini](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merlls_rizzini/32/125604_2.png) [@Merlls\_Rizzini](https://meta.discourse.org/u/Merlls_Rizzini)
#### Post date: [January 20, 2019, 10:12pm UTC](https://meta.discourse.org/t/google-material-icons/107049/1 "2019-01-20T22:12:49Z")

</div>

I’m trying to use icons from Google in a theme (same icons from Daemonite theme). Anyone knows who to replicate it? I tried this: [Developing Discourse Themes & Theme Components](https://meta.discourse.org/t/developer-s-guide-to-discourse-themes/93648#heading--4-c-3)

[![54](https://global.discourse-cdn.com/meta/original/3X/6/e/6e6d6231a93624c3cdd5f529dd8825ad849bd611.png)  
 ](https://global.discourse-cdn.com/meta/original/3X/4/0/4076b854ff7b848d07f4058f1e2d02545487e588.png)

[![13|690x158](https://global.discourse-cdn.com/meta/original/3X/4/d/4dfd5755017a51fca79c3c5208fcd18d189de8c7.png)](https://global.discourse-cdn.com/meta/original/3X/e/9/e997edef407b41591b9b5a04661a93973ea91fb6.png)

---

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

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [February 19, 2019, 11:58pm UTC](https://meta.discourse.org/t/google-material-icons/107049/3 "2019-02-19T23:58:09Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.