nav li:first-of-type u. nav li:last-of-type

[djr]

Die eleganteste Lösung allerdings wäre, das Icon als SVG direkt ins a zu schreiben und via CSS zu färben.

<a href="">
  <svg viewBox="0 0 2 2">
    <circle cx="1" cy="1" r="1" />
  </svg> 
  <span>Home</span>
</a>

@namespace url('http://www.w3.org/1999/xhtml');
@namespace svg url('http://www.w3.org/2000/svg');

svg|svg {
  fill: red;
}

a[aria-current="page"] svg|svg {
  fill: blue;
}

a:hover svg|svg {
  fill: green;
}