title: How to add icon to title bar
body: <p>I am trying to make web application and i need to add an icon to my title bar with a name. </p>
  
  <p>I am making the web application using empty project in MVC with web form included. I am doing the coding using Visual studio 2017. I have tried my layout as below so far. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta name="viewport" content="width=device-width" /&gt;
  &lt;link href="~/Content/nav.css" rel="stylesheet" /&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  &lt;link rel="icon" type="image/svg" href="~/Content/img/download.png" /&gt;
  &lt;script src="~/Scripts/layout.js"&gt;&lt;/script&gt;
  &lt;title&gt;@ViewBag.Title&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;navbar&gt;
      &lt;div class="topnav" id="myTopnav"&gt;
          &lt;a href="Home/Index"&gt;Home&lt;/a&gt;
          &lt;a href="Login/login"&gt;Login&lt;/a&gt;
          &lt;a href="Payment/Payment"&gt; Payment &lt;/a&gt;
          &lt;a href="Register/register"&gt;Customer Registration&lt;/a&gt;
          &lt;a href="javascript:void(0);" class="icon" onclick="myfunction()"&gt;
              &lt;i class="fa fa-bars"&gt;&lt;/i&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div&gt;
          @RenderBody()
      &lt;/div&gt;
  &lt;/navbar&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have tried to link the image before title but it took a wrong turn. Since I am new to MVC, please give me some method to add an icon to title bar.</p>