mdicon components icon names doesn't work in vue

Question

I want to use mdicon component (see here). But there's no cheatsheet for the icon names. I tried to use this cheatsheet but it's not working as well. The names don't work for icons with more than one word (e.g. arrow-left, flag-plus) but it does work for single word icons (e.g. hamburger, home, alert). Does anyone know the real cheatsheet for this mdicon component? Thank you.

Answer 1

Try, for example

<template>
<mdicon :name="icon1"/>
<template/>

<script>
export default {
  data: () => ({
    icon1: 'mdi-share-variant-outline'
})
}
</script>