Trying to spruce up my buttons by adding some fontawesome icons from bootstrap.
The icons I'm using are:
- fas fa-user
- fas fa-users
They display fine without any styling. However, when I apply the bootstrap button css, the "fa-users" icon appears as a square instead of an actual icon. Not quite sure what's causing this issue or how to resolve it. Any suggestions would be greatly appreciated. Thank you.
<div>
<em class="fas fa-user"></em>
<em class="fas fa-user btn btn-sm btn-purple"></em>
</div>
<div>
<em class="fas fa-users"></em>
<em class="fas fa-users btn btn-sm btn-purple"></em>
</div>