title: Social media icons do not show in Gmail (html)
body: <p>I have a template for a newsletter and in there I have added the following for Social media icons. These social media icons appear in template example nicely, but the moment I send out the newsletter to my Gmail the social media icons are not visible (though if I hover over the spot where they should be visible I do see that they are there because of the links I have added.</p>
  
  <p>Any help is appreciated. Learning the whole html stuff:)</p>
  
  <p>See below the part of the code I added (found online). Also It was mentioned to add the following line in the header of template </p>
  
  <pre><code>(&lt;head&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&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>                &lt;tr&gt;
                     &lt;td&gt; &lt;!-- Add font awesome icons --&gt;
  &lt;a href="#" class="fa fa-facebook" style="padding-right: 5px; font-size: 17px; "&gt;&lt;/a&gt;&lt;a href="https://twitter.com/albertheijn" class="fa fa-twitter"  style="padding-right: 5px; font-size: 17px;"&gt;&lt;/a&gt;&lt;a href="https://www.youtube.com/user/albertheijn" class="fa fa-youtube" style="padding-right: 5px; font-size: 17px;"&gt;&lt;/a&gt;&lt;a href="https://www.instagram.com/albertheijn/?hl=nl" class="fa fa-instagram" style="padding-right: 5px; font-size: 17px; "&gt;&lt;/a&gt;&lt;a href="https://nl.pinterest.com/allerhande/" class="fa fa-pinterest" style="font-size: 17px;"&gt;&lt;/a&gt;&lt;/td&gt;
  &lt;td style="font-size: 14px; font-weight: bold; text-align: right;"&gt;
  \[\[CURRENTDATE\]\]&lt;/td&gt;
                  &lt;/tr&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/UnoXK.jpg" rel="nofollow noreferrer">once sent to gmail it does not show</a></p>
  
  <p><a href="https://i.stack.imgur.com/TSpYi.jpg" rel="nofollow noreferrer">template example shows icons</a></p>