Animate complex SVG in React with styled components

In this lesson we will learn how to animate SVGs(Scalable Vector Graphics) imported as React components. As most SVGs are built with different shapes and paths we can use this and apply specific animations to them.

The whole idea is not 100% dependent on styled components as the same result can be achieved without using CSS-in-JS.