SVG Icon Animations

A possible add-on to icon sets that create an outline animation using SVG. It contains a single container class, and two svgs with classes on the <path> used to hide and show the relevant svg. Otherwise, changes such as shape and color are used adding keywords to the attribute<data-icon>. This can be worked around any icon set, but this example uses Font Awesome.

With default border
Circles, no default border
Squares, no default border