Icons
CoreLogic Fav Icon
Icon sizes
By default, all fonts are 15px (including font icons).
There are three font size classes. icon-sm, icon-lg, and icon-xl;
| Class | Font Size |
|---|---|
| .icon-sm | 12px |
| .icon-lg | 18px |
| .icon-xl | 21px |
<i class="fa fa-check icon-sm"></i>
<i class="fa fa-check"></i>
<i class="fa fa-check icon-lg"></i>
<i class="fa fa-check icon-xl"></i>
Icon colors
Apply any of the colors from our default pallete to icons. icon-black, icon-blue, icon-bright-blue, icon-green,
icon-yellow, icon-red, icon-salmon, icon-orange, icon-dark-gray, icon-divider-gray, icon-medium-gray,
icon-button-gray, icon-background-gray, icon-drawer-gray, icon-white
<i class="fa fa-check icon-black"></i>
<i class="fa fa-check icon-blue"></i>
<i class="fa fa-check icon-bright-blue"></i>
<i class="fa fa-check icon-green"></i>
<i class="fa fa-check icon-yellow"></i>
<i class="fa fa-check icon-red"></i>
<i class="fa fa-check icon-salmon"></i>
<i class="fa fa-check icon-orange"></i>
<!-- White background is only for demo purposes -->
<span style="background-color: white;">
<i class="fa fa-check icon-dark-gray"></i>
<i class="fa fa-check icon-divider-gray"></i>
<i class="fa fa-check icon-medium-gray"></i>
<i class="fa fa-check icon-button-gray"></i>
<i class="fa fa-check icon-background-gray"></i>
<i class="fa fa-check icon-drawer-gray"></i>
</span>
<!-- Black background is only for demo purposes -->
<span style="background-color: black;"><i class="fa fa-check icon-white"></i></span>
Icon Link
<a href="#"><i class="fa fa-car" aria-hidden="true"
title="Time to destination by car"></i>
<span class="sr-only">Time to destination by car:</span></a>