Borders on icons
You can put borders on icons to make them stand out.
My LEAP Website is fantastic!
HTML:
<i class="fa fa-quote-left fa-3x fa-pull-left fa-border" aria-hidden="true"></i>
<i class="fa fa-quote-right fa-3x fa-pull-right fa-border" aria-hidden="true"></i>
CSS:
.fa-border {border: 0.08em solid #1D1FA1;}
Background Circle on icons
HTML:
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-flag fa-stack-1x fa-inverse"></i>
</span>
CSS:
/*--Background icon colour--*/
.fa {color: black;}
/*--Inner icon colour--*/
.fa-inverse {color: blue;}