font-awesome dynamic rotation icon

<! DOCTYPE HTML > 
< HTML > 

< head > 
    < Meta charset = "UTF-. 8"  /> 
    < title > Dynamic rotation icon FontAwesome </ title > 
    < Link the rel = "this stylesheet" the href = "HTTPS: //cdnjs.cloudflare .com / Ajax / libs / font-Awesome / 4.7.0 / CSS / font-awesome.min.css " > 
</ head > 

< body > 
    < P > this is a smooth four rotary fa-spin class implemented loading icon </ the p- > 
    <i class="fa fa-spinner fa-spin"> </ I > 
    < HR > 
    < I class = "FA FA-Circle-O-Notch FA-Spin" > </ I > 
    < HR > 
    < I class = "FA FA-Refresh FA-Spin" > </ I > 
    < HR > 
    < I class = "FA FA FA-Spin-COG" > </ I > 
    < P > this is a four rotary fa-pulse based achieve smooth loading icon less </ P > 
    < I class = "FA FA FA-Pulse-Spinner" > </i>
    <hr>
    <i class="fa fa-circle-o-notch fa-pulse"></i>
    <hr>
    <i class="fa fa-refresh fa-pulse"></i>
    <hr>
    <i class="fa fa-cog fa-pulse"></i>
</body>

</html>