Customize font awesome icons?

Question

I am using warning icon of font awesome in my jquery-confirm plugin

The confirm popup working fine, but the thing is that we need a black exclamatory instead of white in warning icon

I am using below code in my project

icon: 'fa fa-warning'

Is there any way to customize that font awesome icon?

want to turn the white exclamatory into black

I need to set jquery-confirm icon like this

Answer 1

essentially font-awesome is an icon font, which means you can treat every icon as a character in a font. So

.font-awesome-icon{
    color:black;
}

will work for you. just make sure you use your own css classname instead of .font-awesome-icon