title: Using symbols in JSX and React Native
body: <p>I would like to use <a href="https://www.toptal.com/designers/htmlarrows/arrows/heavy-round-tipped-right-arrow/" rel="noreferrer">this symbol</a> in my React Native project.</p>
  
  <p>I tried using the Unicode encoding like this:</p>
  
  <pre><code>    var arrow = "U+0279C";
  </code></pre>
  
  <p>And in the JSX:</p>
  
  <pre><code>   &lt;Text&gt;
        {arrow}
     &lt;/Text&gt;
  </code></pre>
  
  <p>However, this just displays the encoding literally: <code>U+0279C</code>.</p>
  
  <p>So any idea how can I use a symbol in JSX?</p>