Hello there,

I have created three variations of an information icon - this is my first time playing around with svg and actually creating something so I hope it isn't too bad 😄

This PR fixes #22

The tree versions are:

• info - just a i with two colors (vi-primary on the body and vi-accent on the dot of the i)
• info-circle-full - a circle filled with vi-primary color and vi-accent on the i
• info-circle-trans - a circle with a transparent fill but with a border around (the border uses vi-accent) and the i is colored with vi-primary.

I would love to hear your feedback, let me know if you would like me to change the icons in any way 👍