Quasar Icon Search
Search every icon set Quasar supports: Material Icons, Material Symbols, MDI, Font Awesome, Bootstrap Icons, Ionicons, Eva Icons, Line Awesome and Themify. Click an icon to copy its exact name for that set, or its SVG import, with the config line that loads it.
Loading the icon index…
Click an icon to see its name for MDI v7, the q-icon tag and the config line that loads the set.
How to use the Quasar Icon Search
- Type what the icon should show, such as home, settings or arrow. Common synonyms count too, so settings also finds gear and cog icons.
- Pick an icon set from the tabs. Each tab shows how many icons match in that set, so you can see at a glance which sets have what you need.
- Click an icon to see its exact name, then choose Webfont or SVG, and Quasar CLI or Nuxt.
- Copy the name or the q-icon snippet into your template. If your app doesn't load that set yet, add the config lines too.
Need whole sections with the icons already in place? Browse the QuasarUI Components.
Frequently asked questions
How do I use Material Icons in Quasar?
How do I use Material Symbols in Quasar?
What is the difference between extras and iconSet?
Should I use webfont or SVG icons in Quasar?
Why is my Quasar icon not showing?