Using Material Icon in QML

version 1.0.0

To install:

❯ qpm install co.podzim.materialicon


Materialicon.qml bundle Material Icons font and icon table into a single module for QML project.


  1. Installable by qpm
  2. Work well with Qt Quick Designer. Able to show icons in "Design" mode
  3. Auto completion of icon name works in Qt Creator.



The package is provided as a qpm package, co.podzim.materialicon. To install:

  1. Install qpm (See GitHub - Installing, for windows see below)
  2. In your projects root directory, run qpm install co.podzim.materialicon
  3. Include qpm to your project by adding include(vendor/vendor.pri) to your .pro file

Check their GitHub - Usage for App Developers to learn more about qpm.

Important for Windows users: QPM Version 0.10.0 (the one you can download on the website) is currently broken on windows! It's already fixed in master, but not released yet. Until a newer versions gets released, you can download the latest dev build from here:

QML Usage

  1. Add MaterialiconLoader to your main.qml
import QtQuick 2.0
import Materialicon 1.0

MaterialiconLoader {}
  1. Use Materialicon in other views
import QtQuick 2.5
import Materialicon 1.0

Materialicon {
    id: icon
    x: 162
    y: 162
    source: "favorite"
    size: 64
    color: 'black'

Icon Table

See codepoints


Long Nguyen

View on Github

License: MIT

Today 1
This week 1
This month 1
This year 1
Total 1