Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Material Design Icons v7 (mdi-v7) icon sets are missing

See original GitHub issue

What happened?

Using mdi-v7 leads to this error:

App •  WAIT  • Compiling of "UI" in progress...
 App •  DONE  • "UI" compiled with errors • 13839ms

 App •  ERROR  •  UI  in ./.quasar/quasar-user-options.js

Module not found: Can't resolve imported dependency "quasar/icon-set/mdi-v7"
Did you forget to install it? You can run: npm install --save quasar/icon-set/mdi-v7


 App •  COMPILATION FAILED  • Please check the log above for details.

quasar build  32,17s user 0,97s system 216% cpu 15,276 total
1

What did you expect to happen?

No error, mdi-v7 should be useable.

Reproduction URL

https://stackblitz.com/edit/quasarframework-webpack-yvqbbx?file=quasar.config.js

How to reproduce?

Update @quasar/extras to 1.15.5
Configure to use mdi-v7
Try to build project

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Quasar Extras (@quasar/extras)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response

Issue Analytics

State:
Created a year ago
Comments:6 (5 by maintainers)

Top GitHub Comments

1reaction

yusufkandemircommented, Oct 24, 2022

It’s correct that MDI v7 itself is supported on extras v1.15+, but the quasar package doesn’t have any icon sets for it. So, you can add it to quasar.config.js > extras, import SVG icons, etc. but can’t do quasar.config.js > framework > iconSet = 'mdi-v7' // nor 'svg-mdi-v7' yet. According to README of extras, they are supposed to exist. So, I would consider this a bug. I think the problem is now clear.

0reactions

rstoenescucommented, Nov 14, 2022

The Quasar IconSet mdi-v7 will be available in v2.10.2 and v1.22.2

Top Results From Across the Web

Material Design Icons

Material Design Icons ' growing icon collection allows designers and developers targeting various platforms to download icons in the format, color and size ......

Missing "mode_fan_on" (mode_fan) · Issue #1311 - GitHub

The icon is simply not in the current Material Icons set (although it is in Material Symbols!). That problem can only be resolved...

Material Design Lite Icons missing when using in Angular

I'm using them like this <i class="material-icons">share</i> and the browser just writes "share" as normal font and not as Icon like it should ......

material_design_icons_flutter | Flutter Package - Pub.dev

The Material Design Icons Icon pack available as set of Flutter Icons. Based on Material Design Icons 7.0.96. See a web demo build...

material-icons - npm

Latest icon fonts and CSS for self-hosting material design icons. This package is automatically updated, so it will always have the latest icons...