title: Why doesn't my website icon show?
body: <p>I'm trying to have an icon for my website, I've uploaded my image to <a href="http://www.favicomatic.com" rel="nofollow noreferrer">Favic-o Matic's Website</a> and got the image and the HTML code back, and implemented it. But I can't see my icon anywhere, I've tried deleting the cache and saving my site as a bookmark.  No matter what I do, I can't see my icon, why don't I see it?</p>
  
  <hr>
  
  <p>Some extra nerdy stuff (if helpful): I'm using Amazon AWS EC2 instance, and uploading my files via SSH using Terminal.</p>
  
  <hr>
  
  <p>Here's two screen shots, the first is of my Finder folder that houses my website files on my computer.
  <strong>Note: my website is live on my EC2 instance, FYI.</strong>
  <a href="https://i.stack.imgur.com/9uXDg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9uXDg.png" alt="Finder window"></a>
  The second one, this is a screen shot of Terminal accessing the files on my server, the files are at <code>/var/www/html</code> as you can see with the <code>cd</code> command.</p>
  
  <p><a href="https://i.stack.imgur.com/zLuVu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zLuVu.png" alt="enter image description here"></a></p>
  
  <hr>
  
  <p><strong>Update:</strong>
  All the image files appear to be there, this is at <code>/var/www/html</code>, that is where amazon says to put the files.</p>
  
  <h2><a href="https://i.stack.imgur.com/5hVKH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5hVKH.png" alt="enter image description here"></a></h2>
  
  <p>Here's my icon code, it's placed in the <code>&lt;head&gt;</code> element.
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- Icon code --&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="57x57" href="/icons/apple-touch-icon-57x57.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="114x114" href="/icons/apple-touch-icon-114x114.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="72x72" href="/icons/apple-touch-icon-72x72.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="144x144" href="/icons/apple-touch-icon-144x144.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="60x60" href="/icons/apple-touch-icon-60x60.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="120x120" href="/icons/apple-touch-icon-120x120.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="76x76" href="/icons/apple-touch-icon-76x76.png" /&gt;
  &lt;link rel="apple-touch-icon-precomposed" sizes="152x152" href="/icons/apple-touch-icon-152x152.png" /&gt;
  &lt;link rel="icon" type="image/png" href="/icons/favicon-196x196.png" sizes="196x196" /&gt;
  &lt;link rel="icon" type="image/png" href="/icons/favicon-96x96.png" sizes="96x96" /&gt;
  &lt;link rel="icon" type="image/png" href="/icons/favicon-32x32.png" sizes="32x32" /&gt;
  &lt;link rel="icon" type="image/png" href="/icons/favicon-16x16.png" sizes="16x16" /&gt;
  &lt;link rel="icon" type="image/png" href="/icons/favicon-128.png" sizes="128x128" /&gt;
  &lt;meta name="application-name" content="&amp;nbsp;"/&gt;
  &lt;meta name="msapplication-TileColor" content="#FFFFFF" /&gt;
  &lt;meta name="msapplication-TileImage" content="/icons/mstile-144x144.png" /&gt;
  &lt;meta name="msapplication-square70x70logo" content="/icons/mstile-70x70.png" /&gt;
  &lt;meta name="msapplication-square150x150logo" content="/icons/mstile-150x150.png" /&gt;
  &lt;meta name="msapplication-wide310x150logo" content="/icons/mstile-310x150.png" /&gt;
  &lt;meta name="msapplication-square310x310logo" content="/icons/mstile-310x310.png" /&gt;
  &lt;!-- End Icon code --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for your time and help!</p>
  
  <p><strong>My website is at IP <a href="http://54.213.219.247" rel="nofollow noreferrer">54.213.219.247</a></strong></p>