Font Awesome Designer
Use Font Awesome to create colorful icons for your website

Select foreground icon:
    Selected foreground icon:    

{{customOutlineText}}
    Select icon for the background:
    Selected background icon:    
    Size:

{{customColorsText}}
Foreground color:  
Background color:  



Copy/Paste in your HTML code:
<span class="fa-stack fa-2x">
    <span class="fa {{chosenBgIcon}} {{faRotate}} fa-stack-{{chosenSize}}x" style="color={{chosenColor}}"></span>
    <span class="fa {{chosenFgIcon}} fa-stack-2x" style="color={{chosenOutlineColor}}"></span>
</span>