Animated Icons Study Case

This is an exercise to learn how to animate SVG elements using Javascript and CSS.
The main source of inspiration is Duolingo's animated SVG icons.
The first row (green icons) techniques are based on CSS animations and transitions; the second row, the animations will be done using javascript and CSS rules.