How can I utilize the Primefaces version 10 button with a Font Awesome icon, resizing the icon without displaying the words ui:button?
A and B are tests that I can resize successfully, but they are not buttons. C and D are buttons where the icon is resized, but the word ui:button appears. In M and N, I managed to resize the actual PF button but struggled with resizing the icon.
Ideally, I am trying to make the camera icon clickable as a button. Alternatively, I would be satisfied with C/D buttons without the component name included. M/N options are acceptable too if I could reduce the size of the icon slightly.
https://i.sstatic.net/lVyKz.png
(A)<i class="fas fa-camera fa-xs"></i>
<br />
(B)<i class="fas fa-camera fa-5x"></i>
<br /><br />
(C)<p:button styleClass="fas fa-camera fa-xs"></p:button>
<br /><br />
(D)<p:button styleClass="fas fa-camera fa-5x"></p:button>
<br /><br />
(E)<p:button icon="fas fa-camera fa-xs"></p:button>
<br /><br />
(F)<p:button icon="fas fa-camera fa-5x"></p:button>
<br /><br />
(G)<p:button icon="fas fa-camera" styleClass="fa-xs"></p:button>
<br /><br />
(H)<p:button icon="fas fa-camera" styleClass="fa-5x"></p:button>
<br /><br />
(I)<p:button icon="fas fa-camera fa-xs" styleClass="fa-xs"></p:button>
<br /><br />
(J)<p:button icon="fas fa-camera fa-5x" styleClass="fa-5x"></p:button>
<br /><br />
(K)<p:button icon="fas fa-camera fa-xs" styleClass="fa-xs" style="font-size: 8px"></p:button>
<br /><br />
(L)<p:button icon="fas fa-camera fa-5x" styleClass="fa-5x" style="font-size: 28px"></p:button>
<br /><br />
(M)<p:button icon="fas fa-camera fa-xs" styleClass="fa-xs" style="width:25px; height:25px; font-size: 8px"></p:button>
<br /><br />
(N)<p:button icon="fas fa-camera fa-5x" styleClass="fa-5x" style="width:25px; height:25px; font-size: 28px"></p:button>
<br /><br />