Asez Asez - 1 month ago 10
CSS Question

Font Awesome: Fa Bars - Border Radius

I'm trying to remove the border radius of fa-bars and I can't.

That's my code:

<i class="fa fa-bars fa-2x"></i>


.fa-bars
{
border-radius: 0px !important;
}


Thanks!

Answer

As already mentioned in a comment, that's not possible, since that actually is how the icon looks and nothing like a border-radius. You could simply use it like how it looks, or as an alternative you may take a look into Material Icons. There's an icon looking exactly how you want it to look like.

See here.