a.class {
  display: inline-block; // Or block if it makes more sense for your layout.
  text-indent: -9999em;
}

<a href="/" class="">
  <i class="icon-home" style="text-indent: -1000px;">
    This is the homepage
  </i>
</a>