Hallo Sara,
Habe ich mir auch schon überlegt bzw. hatte es auch so umgesetzt:
<p><a href="admin/settings"><span class="fa fa-folder-o right"></span>Einstellungen</a></p>
Allerdings sieht das Icon unschön aus, wenn es auch unterstrichen wird beim Hovern.
Dann mach doch eine Extra-Regel, die dort das text-decoration
überschreibt:
a:hover, a:focus {
text-decoration:underline;
color:#f00;
}
a:hover .fa::before, a:focus .fa::before {
text-decoration:none;
}
Das ::before
habe ich hier genommen, weil FontAwesome das Icon via ::before
einfügt.
LG,
CK