Currently, I am working on a React app where I have implemented a FontAwesomeIcon like this:
< FontAwesomeIcon icon="chart-line" size="lg" className="icon trendingIcon"/>
Although the chart-line icon is displayed, I wanted to remove the lines representing the x and y axis of the icon. I tried using the solution provided in this fiddle: https://jsfiddle.net/3uvkqowo/4/
Unfortunately, the solution did not work for me. I made sure to enable searchPseudoElements by adding the following code:
window.FontAwesomeConfig = {
searchPseudoElements: true
};
For some reason, the ::before from CSS is not being applied as expected.
The CSS classes "icon" & "trendingIcon" have the following definitions:
.icon {
padding-right: 2%;
}
.trendingIcon {
padding-top: 1%;
padding-right: 6%;
}