Cómo utilizar un SVG y animarlo con CSS

Siguiendo la serie de insights para el blog de Boream que empezamos con el artículo sobre cómo animar un svg, hoy hablamos sobre las diferentes formas de incluir un svg en nuestra aplicación y cómo animarlo con CSS.

Para crear el efecto de una forma que se dibuja como el que puede verse en la demo sólo hay que manipular algunas de las propiedades stroke-* de cada uno de los path que conforman la ilustración.