/discourse-material-icons

Discourse x Google Material Design Icons

Primary LanguageJavaScriptMIT LicenseMIT

discourse-material-icons

Replacing Discourse's default icon set with Google Material Icons

image

(Optional) How to change the default filled icon style

There are 5 styles included:

  • filled (Default)
  • outlined
  • sharp
  • rounded
  • twotone

Changing from filled to another style has to be done manually for now.

  1. Download the .svg file of the style you want from the /assets folder locally
  • outlined.svg
  • sharp.svg
  • rounded.svg
  • twotone.svg
  1. Go to Admin > Customize > Components > discourse-material-icons > Uploads

image

  1. Remove the default $icons-sprite: filled.svg

image

  1. Upload the .svg with the SCSS variable name icons-sprite

image

The icons should update upon refresh.