URL clickable for Header Element

Site URL: https://www.deprio.com/home

Hi! I replaced the customer "account" login text link in the header with a font awesome icon.  I want to see if there is a code that can make this icon clickable to go to another page on my site.  I'm using 7.1,  thanks!

Here is the code I used in the code injection to create the icon:

<script>
    $(".user-accounts-link").append("<i class='fa fa-user-o' aria-hidden='true'></i>");
</script>

And the CSS I used:

.user-accounts-text-link{
  display:none!important;
   }

Wrap an <a> tag around your <i> tag in the jQuery.

That worked! Thanks!..my icon size got smaller, do you know how I can increase the size?  I'm using this css below but it's not changing the size.  Thanks!

.user-accounts-link {font-size: 25px !important;}

Give that <a> an id, so <a id="logo" href=...................>

The set css

a#logo {

font-size: unset !important;

text-shadow: none !important;

}

That worked perfect!  Thank you again!