<template>
  <div class="loading-icon">
    <img alt="loading" src="@/assets/icons/open-circle.svg">
  </div>
</template>

<script>
export default {
  name: "loading-icon"
}
</script>

<style scoped>
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(2880deg);
  }
}

img {
  max-width: 100%;
  max-height: 100%;

  animation: rotate 4s ease-out infinite;
}
</style>