title: Using own icons in header using html
body: <p>I am creating email templates. </p>
  
  <p>In the header, there should be four icons: twitter,facebook,linkedin and google+ icon and a hotline number icon in which we designed ourselves.</p>
  
  <p>How to use our own icons in html? kinda stuck here. any help appreciated.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div&gt;&lt;div&gt;&lt;table cellpadding="0" cellspacing="0" style="text-align: center; width: 100%; font-size: 10pt; border-collapse: collapse"&gt;
  &lt;tbody style="margin: 0"&gt;
  
  &lt;tr style="height: 100px"&gt;
  &lt;td colspan="14" style="background-color: rgb(41, 62, 151)"&gt;
  &lt;img src="link from image in zoho crm is here" style="width: 100%"&gt;
  &lt;/td&gt;
  
  &lt;td colspan="14" style="background-color: rgb(41, 62, 151)"&gt;
  "&gt;&lt;img src="link from image in zoho crm is here " style="width: 250px; vertical-align: top"&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  
  &lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;&lt;table cellpadding="0" cellspacing="0" style="text-align: center; width: 100%; font-size: 10pt"&gt;
  &lt;tbody&gt;&lt;tr&gt;
  &lt;td colspan="2" style="background-color: rgb(41, 62, 151); height: 100%; width: 5%"&gt;
  &lt;br&gt;
  &lt;/td&gt;
  
  &lt;td colspan="10" style="background-color: rgb(41, 62, 151); height: 100%; width: 90%; padding: 30px 100px"&gt;
  
  &lt;p style="text-align: center; font-size: 35px"&gt;&lt;span style="color: white; font-family: Callibri, Geneva, sans-serif; font-size: 35px; text-align: center"&gt;some text here&lt;/span&gt;&lt;b style="color: rgb(42, 61, 151); font-family: Callibri, Geneva, sans-serif; font-size: large; text-align: center"&gt;&lt;/b&gt;
  &lt;/p&gt;
  &lt;/td&gt;
  
  &lt;td colspan="2" style="background-color: rgb(41, 62, 151); height: 100px; width: 5%"&gt;
  &lt;br&gt;
  &lt;/td&gt;
  
  &lt;/tr&gt;
  
  
  &lt;/tbody&gt;
  &lt;/table&gt;</code></pre>
  </div>
  </div>
  
  <a href="https://i.stack.imgur.com/mLOVJ.jpg" rel="nofollow noreferrer">Sample Picture of header here</a></p>