JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroll-icon">
    <i class="fa fa-long-arrow-down" aria-hidden="true">V</i>
</div>

CSS

#scroll-icon {
    color: red;
    position: fixed; right: 3.5rem; bottom: 3rem; 
    font-size: 3rem;
}  
#scroll-icon:hover{
  cursor:pointer;
}
body{
  height: 1000px;
}

JavaScript

$("#scroll-icon").on("mousedown", function(){
  	timeout = setInterval(function(){
 			var cs = $("body").scrollTop();
			$("body").scrollTop(cs+1)
    }, 10);

    return false;
});
$("#scroll-icon").on("mouseup", function(){
    clearInterval(timeout);
    return false;
});