Skip to content

Material icons

Quasar loads the Material Icons font through its extras config in quasar.conf.js ('material-icons' and 'material-icons-outlined'). Any name from the Material Icons set is available as <q-icon name="NAME" />.

The list below was harvested by scanning .vue and .js files for icon="…", <q-icon name="…">, and icon: '…' patterns. It is regenerated by npm run sync:icons; do not edit by hand.

These app: keys are registered in icons.js but resolve to a Material Icon name.

Names used inline as <q-icon name="NAME" /> or icon: 'NAME'.