Icons with different colors?

I have a (tree)grid column that should display icons (I am using e.g. a check mark icon (VaadinIcon.CHECK_CIRCLE) or an X-icon (VaadinIcon.CLOSE_CIRCLE)).

This works all nice except that I would like to give those icons a different color (green for the checkmark, red for the X).
What’s the simplest way to do that? Is that doable via styling/.css?

You can change the color with a css classname ( and set the color) but the easiest way is this:

Icon logo = new Icon(VaadinIcon.VAADIN_H);
logo.setSize(“100px”);
logo.setColor(“orange”);