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>