Skip to Content
Author's profile photo Mustafa Aydogdu

How to Set Icons for Lumira Chart Extensions

Have you ever wanted to set a custom icon instead of this generic lumira icons.png icon for your extensions?

What you need is just a small jpg or png file. For my extensions I used 50×50 pixel icons. Be sure that you are not attaching your family picture which is a couple of mb.

1. Inside vizpacker navigate to bundle.js.


2. Find the row that contains icon and write your icon name like the one below (“./football.png”)


3. Locate your icon file under the deployed extension folder in lumira installation. Note that bundle.js (now name is concatenated with extension name) and icon files are in same folder.


4. And the result!!!


Instead of modifying bundle.js inside vizpacker, it is also possible to modify the generated bundles file directly.

This file is stored under deployed extension folder that is seen on step 3.

Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Tim Schauder
      Tim Schauder

      Since Lumira 1.28 there seems to be no support for custom icons anymore. Does anyone know whether the api changed or when this will be fixed (if it's a bug)?

      Kind Regards


      Author's profile photo Vincent Dechandon
      Vincent Dechandon

      I think this is a bug that was introduced with 1.27 version.

      Author's profile photo Tim Schauder
      Tim Schauder

      Ok, thanks. Then let's hope they will fix it cause at the moment it looks a little crappy...

      Author's profile photo Rahul Tiwari
      Rahul Tiwari


      this issue is fixed in lumira 1.31