• Home

FirefoxOS icons and Ionicframework

I came around a few difficulties when adding icons to a FirefoxOS app made with Ionicframework, so here is a few hints :

  • first : guidelines, written nicely by Mozillians : https://www.mozilla.org/en-US/styleguide/products/firefox-os/icons/
  • you will have to drop the icons (at least a 60x60 one for the launcher and a 128x128 one) in a www/resources/firefoxos/icon folder
  • forget about using ionic resources icon -i it won't work here. This command crop, resize, do anything needed on graphic assets. I think a nice addition to Ionicframework might be doing the same thing but for FirefoxOS. Anyway you can support my feature request here : https://github.com/driftyco/ionic/issues/3943
  • add several lines like to your web/config.xml (add one line per icon) :

<platform name="firefoxos">
    <icon src="/resources/firefoxos/icon/icon-16.png" width="16" height="16"/>
</platform>

  •  use ionic build firefoxos and the build process will produce a nice manifest.webapp file for you in platforms/firefoxos/www/

Print Email