font-awesome-5

Font Awesome 5 uses svg for icons and path inside are set with fill:currentColor so simply change color of svg: .icons svg { color:#2759AE; } <script defer src=”https://use.fontawesome.com/releases/v5.5.0/js/all.js”></script> <div class=”container mt200 icons”> <div class=”col-md-3″> <div class=”bggray2 text-center”> <i class=”fas fa-microphone fa-5x”></i> <div class=”title”>LOREM</div> <div class=”text”>Vestibulum ac diam sit amet quam vehicula elementum sed sit amet … Read more

You also need to use the brands.css stylesheet in font-awesome 5.0.8. Additionally, you need to make sure your class names are up to date. Try the snippet below: <link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.0.8/css/brands.css” integrity=”sha384-IiIL1/ODJBRTrDTFk/pW8j0DUI5/z9m1KYsTm/RjZTNV8RHLGZXkUDwgRRbbQ+Jh” crossorigin=”anonymous”> <link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css” integrity=”sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P” crossorigin=”anonymous”> <i class=”fab fa-btc”></i> <i class=”fab fa-bitcoin”></i> Alternatively, you can just use the all.css stylesheet to include all … Read more

If you are using the CSS version read this: Font Awesome 5, why css content is not showing? Using the last release of the Font Awesome 5 you can enable the use of pseudo-element with the JS version by adding data-search-pseudo-elements like below: ul { list-style: none; } .testitems { line-height: 2em; } .testitems:before { … Read more