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.

thanks

2 Answers

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

here

.mylogo{ animation: rotation 3s infinite linear;
}
@keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); }
}

<img src="" width="80px" />