/qml-material-icons

Usage of Material Icon font within QtQuick/QML applications

Primary LanguageJavaScript

Material Icons in QML

Usage of Material Icon font within QtQuick/QML applications

How to use

  1. Add fonts/MaterialIcons-Regular.ttf to your project
  2. Add MaterialDesign.js to your project and import file to use icon names
import "MaterialDesign.js" as MD
  1. Load font using Fontloader:
FontLoader {
	id: iconFont
    source: "../fonts/MaterialIcons-Regular.ttf"
}
  1. Use loaded font in Text element and set text by identifier (read from MaterialDesign.js)
Text {  
	font.family: iconFont.name
	font.pixelSize: 48
	text: MD.icons.beach_access
}