title: Heavy Check Mark Not Showing In Email As It Does In HTML
body: <p>I originally inquired about this <a href="https://stackoverflow.com/questions/54223970/how-to-create-an-html-check-not-checkbox-with-border-and-color-fill">in this thread</a> and got my answer for regular HTML, however the following code does NOT show the same when sent via email:</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 style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;"&gt;&amp;#10004;&lt;/div&gt;
  &lt;div style="color:yellow; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;"&gt;&amp;#10004;&lt;/div&gt;
  &lt;div style="color:green; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;"&gt;&amp;#10004;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is because it appears <a href="https://stackoverflow.com/a/43308602/10474024">Microsoft sees it as an emoji</a>.</p>
  
  <p>I've tried the following to the code, but nothing changes:</p>
  
  <pre><code>&lt;div class="unicode" style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;"&gt;&amp;#10004;&lt;/div&gt;
  </code></pre>
  
  <p>All I get is the default:</p>
  
  <p><a href="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/microsoft/153/heavy-check-mark_2714.png" rel="nofollow noreferrer"><img src="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/microsoft/153/heavy-check-mark_2714.png" alt="example image"></a></p>
  
  <p>Here is the jinja2 template I am currently using/tweaking trying to get this to work (see tbody section):</p>
  
  <pre><code>jinja_tmplt = """&lt;!DOCTYPE html&gt;
  &lt;html lang=\"en-US\"&gt;
  {% for html_CI in html_CI_list %}
      {% set columns = html_CI.tech_DF.columns.values[1:] %}
      &lt;h1&gt;{{ html_CI.tech_grp }}&lt;/h1&gt;&lt;br/&gt;
      {{ html_CI.tech_DF.to_html(index=False) }}&lt;br&gt;
      &lt;style&gt;.table tbody tr:nth-child(even) {background-color: #ABC233;} .table tbody tr:nth-child(odd) {background-color: #6CC04A;}&lt;/style&gt;
          &lt;table border="1" class="dataframe table table-striped"&gt;
              &lt;thead&gt;
                  &lt;tr style="text-align: center;"&gt;
                  {% for col_hdr in columns %}
                      &lt;th style="background-color: #005C21; text-align: center; color:white"&gt;{{ col_hdr }}&lt;/th&gt;
                  {% endfor %}
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  {% for row in html_CI.tech_DF.itertuples() %}
                      &lt;tr style="text-align: center;"&gt;
                      {% for elem_data in row[2:] %}
                          {% set loop_num = loop.index0 %}
                          {% if loop_num == 0 %}
                              &lt;td&gt;{{ elem_data }}&lt;/td&gt;
                          {% else %}
                              &lt;td&gt;&lt;div style="color:white; text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; font-size: 30px;"&gt;&amp;#10004;&lt;/div&gt;&lt;/td&gt;
                          {% endif %}
                      {% endfor %}
                      &lt;/tr&gt;
                  {% endfor %}
              &lt;/tbody&gt;
          &lt;/table&gt;
  {% endfor %}
  &lt;/html&gt;"""
  </code></pre>
  
  <p>Please note that the table coloring in style also works in HTML but not email.</p>