Closed dost-mmg closed 1 year ago
You are checking Material Symbols Outlined, but using Material Icons.
You should install Material Symbols Outlined: https://quasar.dev/options/installing-icon-libraries https://github.com/quasarframework/quasar/tree/dev/extras#webfonts
// quasar.config.js
extras: [
// ...
'material-symbols-outlined'
]
and use sym_o_breastfeeding
https://quasar.dev/vue-components/icon#webfont-usage
<q-icon name="sym_o_breastfeeding" />
What happened?
A materials icon (breastfeeding) does not render correctly
What did you expect to happen?
This icon to render: https://fonts.google.com/icons?selected=Material%20Symbols%20Outlined%3Abreastfeeding%3AFILL%400%3Bwght%40400%3BGRAD%400%3Bopsz%4048
Reproduction URL
https://codepen.io/kiggs1881/pen/jOpppmq
How to reproduce?
Use breastfeeding as a materials icon
Flavour
Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)
Areas
Plugins (quasar)
Platforms/Browsers
Chrome
Quasar info output
Relevant log output
No response
Additional context
No response