No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Material Outlined icons don't work

    Help
    2
    3
    430
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      szabiaura last edited by

      Hi, I’m trying to use the outlined Material icon set, but something’s wrong. In quasar.conf.js I have

          extras: [
            'material-icons-outlined'
          ],
          framework: {
            iconSet: 'material-icons-outlined', // Quasar icon set
          },
      

      but instead of the icons I see the icon names (this is supposed to be a tab bar of 4 tabs with inline labels):

      cb728f24-180c-424f-8c4f-b321e68ce889-image.png

      I already tried restarting the entire framework but it didn’t fix it. quasar version 1.15.5, @quasar/app version 2.2.1. Any idea what’s wrong? Thanks!

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @szabiaura last edited by

        @szabiaura

        To use the outlined Material icon set you have use a prefix :
        normal:thumb_up
        outlined: o_thumb_up

        See:
        https://quasar.dev/vue-components/icon#Webfont-usage

        S 1 Reply Last reply Reply Quote 1
        • S
          szabiaura @dobbel last edited by

          @dobbel Thanks, it works.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post