If anyone wants to know how to add a Material Design icon to the Siropu Chat navigation tab, this is what worked for me:
leave the font awesome field in chat settings blank, and in template extra.less add the below:
And I used the icon codes from this site:
This was frustrating for me to figure out, so putting it here for others![Smile :) :)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f642.png)
My result:
![Screen Shot 2019-09-26 at 9.40.47 PM.webp Screen Shot 2019-09-26 at 9.40.47 PM.webp](https://xenforo.com/community/data/attachments/210/210982-5cb05d6ec5c51ec46bd3b7b3780676d8.jpg?hash=XLBdbsXFHs)
leave the font awesome field in chat settings blank, and in template extra.less add the below:
Code:
.p-navEl [data-nav-id=siropuChat]:before{
font-family: 'Material Design Icons';
content: "\f28c";
padding-right: 2px;
}
And I used the icon codes from this site:
@mdi/font CDN by jsDelivr - A free, fast, and reliable Open Source CDN
@mdi/font CDN by jsDelivr - A free, fast, and reliable Open Source CDN for npm and GitHub
cdn.materialdesignicons.com
This was frustrating for me to figure out, so putting it here for others
![Smile :) :)](https://cdn.jsdelivr.net/joypixels/assets/8.0/png/unicode/64/1f642.png)
My result:
![Screen Shot 2019-09-26 at 9.40.47 PM.webp Screen Shot 2019-09-26 at 9.40.47 PM.webp](https://xenforo.com/community/data/attachments/210/210982-5cb05d6ec5c51ec46bd3b7b3780676d8.jpg?hash=XLBdbsXFHs)