Quasar Extras update (MDI & Fontawesome 5)
Package “quasar-extras” has just received an update (v1.0.0 – no breaking changes), adding MDI and Fontawesome v5.
Package Changes Version Description Roboto Font Default recommended font when building with Material theme Material Icons 3.0.1 Material icons font MDI (Material Design Icons) NEW 2.1.19 Extended Material Design icons font Font Awesome Updated 5.0.0 Fontawesome icons font Ionicons 2.0.1 Ionicons font Animate.css 3.5.2 Bundle of animations you can use in your website/app
Great! The MDI support is very cool! Thank you
marcelo last edited by
having troubles with font awesome fonts! not only because they change some icon names, but also I do not know how to use new fas, far, fal with QIcon! looks like QIcon is not working with FontAwesome 5…
On the dev branch (0.15) you can try adding the right class according to your icon style like in https://github.com/quasarframework/quasar/blob/dev/dev/components/components/icon.vue#L16. Unfortunately I did not succeed in making it work with 0.14.
Hawkeye64 last edited by
This is working for me. Not how I would have expected to do it though. I left
iconin to show it should be empty.
<q-item-side icon="" class="fa-clock far"/>
v0.14: <q-item-side icon=“fa-clock far”
v0.15: <q-item-side icon=“far fa-clock”