Google Material icons

AI-generated summary

Replicating Google Material Icons in a Discourse Theme

Merrls_Rizzini is trying to use Google Material icons in a theme, similar to the Daemonite theme. tshenry provided guidance on how to achieve this by importing the icons from Google and using the old icon renderer. The necessary code additions include:

  • Importing Google Icons and setting up initial styling in common CSS
  • Adding icon names to specific elements in common CSS
  • Using the old icon renderer in the common </head> tag

Refer to the Daemonite theme code on GitHub for the specific chunks of code to add to a theme component. Additional styling may be required beyond these additions.

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

54

13|690x158

Daemonite 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

Add to common </head>