change icon color

You can apply a filter for black & white using CSS code:

.a2a_kit {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}

Applying a single color to strokes/fills is not quite supported yet.

Custom color icons have arrived! See:
https://www.addtoany.com/buttons/customize/wordpress/icon_color

Doesn’t work for me. When I add the following code in the Additional Options section, the colored icons are still shown:

a2a_config.icon_color = "#e2007a";

@chantalc That’s odd; it’s working for others. Did you try troubleshooting? Can you point to the site?

Hi micropat,

Already found it. I realized the small icons are bitmap and the large icons svg. Only works for the large icons.

Hi, is there a way to change the color of only one icon? I need to make e-mail button in lilac instead of blue..

Thank you!

@marish, yes! Here’s the line of CSS code to add to your site using a “custom CSS” plugin or feature or your theme:
.a2a_w_email { background-color: #C8A2C8 !important; }

Thank you for a quick response, but unfortunately it didn’t work for me. Looks like the mail icon overwrites the background color.

@marish You have to set a uniform icon color so that the icons can be colorized by CSS. Also make sure you’re using either the “Large” or “Custom” SVG icons (not the old “Small” PNG icons).