How to make a loading Spinner with my logo

Hi i need to make a Loading spinner with css, js or anyone from my Logo. I have the Logo as PNG, GIF, SVG all formats. I want use it for longer site loads, picture loads or anyone and integrate it in my Vue3 Project.

Have anyone Solutions or guides for that, iam on google at 4 hours and nothing shows me right that.


2 answers

  • answered 2021-04-14 22:15 Pedro Lopes

    You can just use CSS and setup an animation to have the logo spin


  • answered 2021-04-14 22:47 SirHectorin

      animation: rotation 3s infinite linear;
    @keyframes rotation {
      from {
        transform: rotate(0deg);
      to {
        transform: rotate(359deg);
    <img src="" class="mylogo" width="80px"  />