Search code examples
cssfont-awesome-5

FontAwesome icon is not showing

I am using Font Awesome icons several places on my page, but when I want to use it in CSS it is not showing. I went through a lot of question here because I see other people had the same problem, but none of the solutions worked for me:

My Font Awesome version is: Font Awesome Free 5.11.2

CSS:

.avatar-upload .avatar-edit input+label::after {
    font-family: "Font Awesome 5 Free";
    content: '\f574';
    font-weight: 900;
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

enter image description here

Solution

  • In order to use FontAwesome symbols in CSS, I needed to include all.css from FontAwesome.

    <link rel="stylesheet" href="css/all.css">

    (The all.css file is saved in a folder called css that I created.)