Disabling color on font awesome icon

I just added a href tag to my font awesome icon, which alters its color like so:

Is there a way to remove this link color?

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>

You can change the color for all .fa icons inside anchor tags

a .fa {
    color: black;
}

Demo in Stack Snippets

<!-- begin snippet: js hide: true console: true babel: false --> <!-- language: lang-css -->

a .fa {
  color: black;
}

<!-- language: lang-html -->

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>

<!-- end snippet -->