Using Icon Style to Change Icon Colors

The shapes and icons library opens with the default style pre-selected for each icon collection. There are no alternate styles for several icon collections, so the :icon_style: (Icon style) button is not visible. However, for Bluescape icons, there are several style options. One of which allows you to customize the icon color.

Ways to incorporate this feature in your workflows :bulb:

  • Legend: Use icons as markers or labels.
     
    • See an example in the how to instructions below.
       
  • Status marker: Create social media assets or video thumbnails from the image.
     
  • Branding: Create presentations for external audiences using consistent company colors.
     
  • Visual categorization: When organizing information in a workspace, use icons in place of - or in conjunction with - text labels and color-code them for clear and easy-to-understand visuals.
     

How to customize icon color

  1. Place an icon into the workspace.
    Learn more about the Shapes and icons library.

  2. Select the icon in the workspace and click the :icon_style: (Icon style) button from the control bar.
    &nsp;


     

  3. Choose an icon style with no pre-existing colors, for example, black outline with no fill, or entirely black.

  4. Once a non-colored style has been selected, the :text_color: (Color selector) will appear on the icon control bar. Click the color selector to change the color of the icon.
     

 
Here, colored icons are used to label a map of the Atlantic, showing past and upcoming developments in multiple countries over 3 years. :arrow_up:
 


 



**You’re ready to open a workspace and customize your icons! :bluescape_home:**b