search

jossef / material-design-icons-iconfont

Material Design icons + Development Experience
https://jossef.github.io/material-design-icons-iconfont
Apache License 2.0
455 stars 58 forks source link

Help with mixins, icons not showing #63

Closed JorgeSibrian14 closed 2 years ago

JorgeSibrian14 commented 3 years ago

I'm usign laravel 6 that work with webpack, i do this imports on app.scss: //material-icons $material-design-icons-font-path: '~material-design-icons-iconfont/dist/fonts/'; @import '~material-design-icons-iconfont/src/material-design-icons';

And then i use this to put an icon in a button, just for trying: image I run: npm run dev(and i use too: npm run watch), and reload deleting cache from browser and i get this: image

The material icons when i use the span tag is working well. image But when i use the mixins that happens. Can you help me please?

AsuScholar commented 3 years ago

Had the same issue. Looks like you need to include @extend .material-icons; in your class.

Example:

.some-class {
   @extend .material-icons;
   @include material-icon('keyboard_arrow_right');
}