How QBank can help you change colors of your .svg icons

Did you know there is a template command that can change the colors of your icons? Are you a company frequently working with different coloured icons this feature can save you a lot of time

NOTE: You need to be an administrator to manage this function

NOTE: The command only works for images with the .svg format


The "Modify SVG color" command in your Templates works as following

  1. Create a new template 
  2. Name the template according to your naming standards, eg SVG - Green, SVG - blue 
  3. Remember to pick Mime type - png for your template 

    Screenshot 2023-03-22 at 15.09.18

  4. If you want to create an icon with transparent background follow the next steps
    1. Add the command - Background, for transparent background write Transparent in the box

      Screenshot 2023-03-22 at 15.13.00

    2. Add the command - Modify SVG color, 
      1. Pick the color the current icon have. If it is black add the color black 
      2. Pick the color you want the icons to be downloaded as 
      3. Choose Yes in the checkbox - Keep current  (This means that it changes all colors to New color, except the ones specified in Current color field)

        Screenshot 2023-03-22 at 15.13.08
  5. Save your Template

Now you can simply download your Icon library in a new color without any extra effort needed.