JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<a href="#">
    Normal Link
</a>

<br>
    
<a href="#" class="icon-link">
    <span class="icon-link-text">Link with Glyphicon</span>
    <span class="glyphicon glyphicon-pencil"></span>
</a>

CSS

a:link {
    color: #1BA1E2;
    text-decoration: none;
}

a:visited {
    color: #1BA1E2;
    text-decoration: none;
}

a:hover {
    color: #1BA1E2;
    border: 0px;
    text-decoration: underline;
}

a:active {
    color: #1BA1E2;
    border: 0px;
    text-decoration: underline;
}

a:hover img {
   text-decoration: none;
}

.icon-link:hover {
    text-decoration:none;
}

.icon-link:hover .icon-link-text {
    text-decoration:underline;
}
}