Issues while using it with Material AngularJS about material-design-iconic-font

[mjaverto]

Isn't this a duplicate of #10?

[sasivarnan]

Hi @mjaverto.
Yup I haven't noticed that issue #10.
So I made a fork of it with the solution that I have suggested. You can find that here.
https://github.com/sasivarnan/material-design-iconic-font

[jossef]

You can customize this prefix

by using less / sass, you have the ability to change the default md prefix to anything you want

1. Copy from the bower install location the content of .../scss/material-design-iconic-font.scss to a local project file
2. Add after importing _variables.scss a new line that overrides $md-css-prefix

---

_md-icons.scss (change from md to mdi)

@import "../../lib/material-design-iconic-font/scss/variables";

$md-css-prefix: mdi;
$md-font-path: "../../lib/material-design-iconic-font/fonts";

@import "../../lib/material-design-iconic-font/scss/mixins";
@import "../../lib/material-design-iconic-font/scss/path";
@import "../../lib/material-design-iconic-font/scss/core";
@import "../../lib/material-design-iconic-font/scss/sizes";
@import "../../lib/material-design-iconic-font/scss/border";
@import "../../lib/material-design-iconic-font/scss/pulled";
@import "../../lib/material-design-iconic-font/scss/spinned";
@import "../../lib/material-design-iconic-font/scss/rotated";
@import "../../lib/material-design-iconic-font/scss/icons";

and this is the result: