how to change the color of font awesome icons code example

Example 1: css change font awesome icon color

<a href="/users/edit"><i class="fa fa-cog" style="color:black !important;"></i> Edit profile</a>

Example 2: change font awesome icon color

.fa {
    color: red !important;
}

Example 3: css change font awesome icon color

.<fa-icon-class> { color: red !important; }

Example 4: how to change color of font awesome icons

<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>