How to change glyphicons colour Native app

Hi, i’m adding some glyphicons to my native app and I was wondering if someone could give me some direction on how I can change the icon colour?
2 answers

Hi Gareth,

If you are adding your own custom SVG icons these are the steps:

  1. Open the svg file in your favorite IDE like Visual Studio Code, remove all the ‘fill=”...”’ properties and save your file
  2. Now add the SVG to your image collection
  3. Create a class in your JS stylesheet like so
    • export const myCustomIcon = {
          container: {
              backgroundColor: "transparant", 
          image: { 
              fill: darkMode ? "#fff" : "#333" //Place your desired HEX codes here 


  4. When using your icon on a page, give it a class which corresponds with your stylesheet

Good luck!


-- EDIT – If you are using default Mendix icons, you can skip step 1 and 2 as these al already colorless.


This is how I’m using the glyphicon;