Moves to discord icon from font-awesome icon

discord icon is only available on font-awesome 5.0.0+

Author: gsaslis

target/icons/discord.svg

@@ -57,7 +57,10 @@
       <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="fa fa-bars"></i></a>
       <ul id="nav-mobile" class="right hide-on-med-and-down">
         <li><a href="https://slack.softwarecrafters.org/"><i class="fa fa-slack">&nbsp;</i>Slack</a></li>
-        <li><a href="https://discord.gg/3Y6UAvzKK7" target="_blank"><i class="fa fa-discord">&nbsp;</i>Discord</a></li>
+        <li><a href="https://discord.gg/3Y6UAvzKK7" target="_blank">
+          <img src="icons/discord.svg#svgView(viewBox(0,-48,640,512))" width="16px"  style="-webkit-filter: invert(100%); /* safari 6.0 - 9.0 */ filter: invert(100%);" > Discord
+        </a>
+        </li>
         <li><a href="https://github.com/softwarecrafters/website"><i class="fa fa-github">&nbsp;</i>Add your community</a></li>
         <li><a href="#start-a-community" class="modal-trigger"><i class="fa fa-star">&nbsp;</i>Start a community</a></li>
       </ul>