Use icons outside the Material.io

[mbouclas]

Is there a way to use local svg icons in addition to the default material ones?

[rstoenescu]

Hi, I don’t see where the problem would be. Simply import them. Can you elaborate a little on what you think it keeps you from using local svg icons?

[mbouclas]

Can you give me an example of how it would work in practice in quasar? for example, i need a custom icon on a tab,

<q-tab icon="my_custom_icon" route="/in" exact replace>
                In
              </q-tab>

How would i set this up? Can i use a png instead and if so how? I tried using an img inside q-tab but it just doesn’t work as well as the icon prop.

[rstoenescu]

Currently not supporting this for q-tab. Needs a little thought. Maybe after v0.14.

[mbouclas]

So, in order to get that working without touching quasar, someone would have to rebuild the google fonts and the custom ones? Is that even possible the way quasar is setup (the way it reads fonts that is)?

[alexchetv]

You can use any icons with font generated by icomoon

<q-tab route="/in" exact replace>
    <span class="icomoon my_custom_icon"><span>In
</q-tab>

@font-face
  font-family 'Icomoon'
  src url('./icomoon.woff') format('woff')
.......................
.icomoon
  font-family 'Icomoon'
.my_custom_icon:before
  content "\e9ac"
.........................