In the theme of html, you want to chagne font or icon. Look at this site, Font Awesome library to see the available icons.
The Font Awesome icons allow you to adjust their size by adding fa-2x, fa-3x and so forth as a class to the icon to adjust their size to two times or three times original size
let’s see an simple example with
attach icon
<i class="fa fa-paperclip"></i> normal size (1x)
<i class="fa fa-paperclip fa-lg"></i> fa-lg
<i class="fa fa-paperclip fa-2x"></i> fa-2x
<i class="fa fa-paperclip fa-3x"></i> fa-3x
<i class="fa fa-paperclip fa-4x"></i> fa-4x
<i class="fa fa-paperclip fa-5x"></i> fa-5x
normal size (1x) fa-lg fa-2x fa-3x fa-4x fa-5x
alert
Note :
<div class="alert alert-info" role="alert"><i class="fa fa-info-circle"></i> <b>Note: </b> Add your note here </div>
Note: Add your note here
Tip :
<div class="alert alert-success" role="alert"><i class="fa fa-check-square-o"></i> <b>Tip: </b> Add your tip here </div>
Tip: Add your tip here
important :
<div class="alert alert-warning" role="alert"><i class="fa fa-warning"></i> <b>Important: </b> Add your important here </div>
Important: Add your important here
warning :
<div class="alert alert-danger" role="alert"><i class="fa fa-exclamation-circle"></i> <b>Warning: </b> Add your warning here </div>
Warning: Add your warning here