Can we change user group icon to our own svg?

chenran

As title asked. I tried to add i.icon.fas.fa-xxx{} to custom css section, but it doesn't work. So, I am wondering if we can use our own svg to set a user group icon?
there's what I tried:

i.icon.fas.fa-xxx:before {
    content: "";
    background: url(here_is_the_path_of_svg.svg);
    position: absolute;
    display: block;
    width: 25px;
    height: 25px;
}

Littlegolden

chenran yeah, that is correct.

peopleinside

chenran Hi, please see this: https://discuss.flarum.org/d/18196-custom-badges-how-to-have-a-not-standard-badge/2

clarkwinkelmann

Make sure to clear your cache or enable debug mode after each change so the CSS files can be recompiled. Also make sure your CSS selectors are specific enough to override Flarum's and fontawesome own CSS (that last part seems good already with all the selectors you used)

chenran

Thanks! That's solve my questions. And I tried to use this code to change the topic icon which is doesn't work. Do I need to modify the code to do that? 😃

peopleinside

chenran do you mean the label icon?

chenran

peopleinside I mean the tag icon

peopleinside

chenran In the admin section where you set the label you can insert the icon.
Go on admin settings than label and as you choose the color you have a field for the icon.

I think you can only use standard icons for tag. Don't know how help with custom CSS code for that. Sorry.

chenran

peopleinside thanks!