JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/FontAwesome.otf"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.eot"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.svg"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.ttf"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/fonts/fontawesome-webfont.woff"></script>
<div id="id_resume_detail_heading" class="live_preview_standardHeadings" dir="ltr" style="direction: ltr; white-space: nowrap;">
    Heading
    <span class="resume_create_up_link no_print">
        <span class="spacer"></span>
        <a href="#id_membership_details_0">
            <icon class="fa fa-chevron-circle-up icon_size24" title="hai"></icon>
        </a>
    </span>
</div>

CSS

.resume_create_up_link {
    visibility:hidden;
}
#id_resume_detail_heading:hover .resume_create_up_link {
    visibility:visible;
}
.fa-chevron-circle-up {
  color: grey;
}
.fa-chevron-circle-up:hover {
  color: #3489db;
}