Helsinki UI icon library

This preview features two methods of using the generated sprite in conjunction with inline SVG. Please have a look at the HTML source for further details and be aware of the following constraints:

List of icons

Test Icons in Use

Using embedded svg.

Test icons' alignment with text when placed inside paragraph in same size as the text. Icons with clear baseline feature (ie. home) should align with HelsinkiGrotesk font baseline.

Test scaling. Make sure the transparent areas are transparent on colored background.

Test that icon is colored correctly when color changes.

B) Inline SVG with external sprite (IE 9-11 with polyfill only)