https://github.com/discourse/discourse-material-icons

Discourse x Google Material Design Icons
https://github.com/discourse/discourse-material-icons

discourse-theme-component

Last synced: 4 months ago
JSON representation

Discourse x Google Material Design Icons

• Host: GitHub
• URL: https://github.com/discourse/discourse-material-icons
• Owner: discourse
• License: mit
• Created: 2022-12-13T20:03:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-12-08T21:13:37.000Z (5 months ago)
• Last Synced: 2024-12-08T22:21:08.679Z (5 months ago)
• Topics: discourse-theme-component
• Language: JavaScript
• Homepage:
• Size: 798 KB
• Stars: 2
• Watchers: 18
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# discourse-material-icons

Replacing Discourse's default icon set with Google Material Icons 

![image](https://user-images.githubusercontent.com/37538241/210023055-0194b2bd-c0c1-4dc6-9085-c858ae903297.png)

## (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`

2. Go to `Admin > Customize > Components > discourse-material-icons > Uploads`



3. Remove the default `$icons-sprite: filled.svg` 



4. Upload the `.svg` with the SCSS variable name `icons-sprite`



The icons should update upon refresh.