tag icon in front of tags

[crazycells]

Hi @phenomlab , you have a tag icon in front of tag words, and I believe it looks cooler.

how do you achieve this?

[phenomlab]

@crazycells Hi, I use the below CSS for this

span.tag:before {
    content: "\f02c";
    font-family: "Font Awesome 5 Pro";
    margin-right: 5px;
    margin-left: 5px;
}

[crazycells]

@phenomlab for me, it shows a vegetable lol
how can I fix this? Thanks a lot.

[phenomlab]

@crazycells Are you using Font Awesome Free ? If so, try this

span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

[crazycells]

@phenomlab said in tag icon in front of tags:

@crazycells Are you using Font Awesome Free ? If so, try this

span.tag:before {
    content: "\f02b";
    font-family: "Font Awesome 5 Free";
    margin-right: 5px;
    margin-left: 5px;
    font-weight: 900;
}

yeap, this worked thanks a lot.