Getting Started with Ember

Just as there are multiple ways to consume mdi (SVG, WebFont, JS, etc.), there's more than one way to do it in Ember. As often happens in the Ember world, "there's an addon for that". Try searching for mdi on for other addons or integrate the icons directly into your application yourself.

Third Party


Refer to the addon's for documentation. In short, it uses @mdi/svg to make an icons.svg file in your application's build pipeline and provides a mdi-icon component for use in your templates.


Although using the webfont is generally not recommended for performance reasons, you can easily use it (or Iconify) in your Ember app.

TODO: ping @jacobq to write this if the date is past 2018/12/16