title: Unable to resize Bootstrap open-iconic
body: <p>I installed the <a href="https://www.npmjs.com/package/open-iconic" rel="noreferrer">open iconic</a> plugin  and I want to force the size of the icon 
  In the original library there is a property to change the size, but it doesn't seem to work on the version for Bootstrap. Is there any other way then change the font size?</p>
  
  <p><a href="https://useiconic.com/icons/resize/" rel="noreferrer">https://useiconic.com/icons/resize/</a></p>
  
  <pre><code>  &lt;div class="badge badge-primary badge-pill"&gt;
        &lt;span class="oi oi-thumb-down"&gt;&lt;/span&gt;
    &lt;/div&gt;
  </code></pre>