ICON FONTS

For basic icons we are using Material Design Iconic Fonts. Further documentation and instructions can be found here.

WAYFINDING

Example:

  • Arrow Left.zmdi-long-arrow-left
  • Arrow Right.zmdi-long-arrow-right
  • Menu.zmdi-menu
  • Close.zmdi-close

Code:

123<span class="zmdi zmdi-xxxxx">
	<span class="screen-reader-text">Hidden Icon Title</span>
</span>

SOCIAL

Example:

  • Facebook.zmdi-facebook
  • Twitter.zmdi-twitter
  • Google Plus.zmdi-google-plus
  • Linkedin.zmdi-linkedin
  • YouTube.zmdi-youtube-play
  • Tumblr.zmdi-tumblr
  • Pinterest.zmdi-pinterest
  • RSS.zmdi-rss

Code:

123<span class="zmdi zmdi-xxxxx">
	<span class="screen-reader-text">Hidden Icon Title</span>
</span>