doytsujin / qx-iconfont-material

Material Icons for Qooxdoo

Qooxdoo Integration of the Material Icons font

These instructions assume that you are using the new qooxdoo-compiler for building your application.

Using the iconfont in your Application

$ qx contrib update
$ qx contrib list
$ qx contrib install ITISFoundation/qx-iconfont-material

To induce the compiler to copy the font file you can either add a 'dummy' call to:

iconfont.material.Load;

to your appliaction or you can explicitly include the class in the compile.json file.

Your app now knows about all the material icons. To access the icons use names like:

@MaterialIcons/sms_failed/40

The demo app shows a list of all the icons available.

To find the names of the icons, either look at the demo app, or go to https://material.io/icons

Running the Demo App

This contrib also comes with a demo application. To make it really simple to test it comes with 'docker-batteries' included.

The setup is prepared for runnig with docker. You don't need a local qooxdoo install or anyting to get started. Just install docker and give this a whirl.

• build the docker image

  $ docker-compose build

• run the demo server

  $ docker-compose up

  Now you can open http://localhost:31753 to see the icon browser.

If you want to run a different qx command, you can do this too

$ docker-compose run qx lint

Inspect the image interactively

$ docker run --entrypoint /bin/bash -i -t itisfoundation/qx-iconfont-material