Use icons outside the Material.io



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


  • Admin

    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?



  • 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.


  • Admin

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



  • 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)?



  • 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"
    .........................
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.