I have done this myself with an SVG: See my Codepen here. It was an animated logo for a website. If you reload it it draws itself and animates into its place.
You basically animate different paths with css or javascript. I personally used css by using animation: on your path and making a keyframe for it that animates it.
Here are some tutorials that helped me out:
Animating SVG with CSS
Forcing shapes to be paths
What you are for sure looking for right now:
How SVG Line Drawing Works
The tutorials are great and he has a whole series on that page as you can see.
I hope this was helpfull!