title: Change fa icon from css
body: <p>Here I have a fa icon inside  an arrow, I wanna change it for fa fa-plus-square, but no touching html, instead make it from css. How to achieve it?</p>
  
  <pre><code>&lt;div class="footer-text"&gt;
     &lt;h4 itemprop="name"&gt;LOREM IPSUM&lt;/h4&gt;
     &lt;p class="text" itemprop="description"&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa...&lt;/p&gt;
     &lt;span class="arrow"&gt;&lt;i class="fa fa-chevron-right"&gt;&lt;/i&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>