Icon that rotates while loading the page

Vue Spinner Component

<!-- Call from template -->
<spinner :loading="loading"></spinner>

<!-- Component -->
<template>
    <div id="spinner">
        <div class="form-group text-center" v-if="loading">
            <i class="fa fa-2x fa-cog fa-spin"></i>
        </div>
    </div>
</template>

<script>
    export default {
        props: ['loading']
    }
</script>