JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div>
  <span id="test" class="badge">

    <span class="glyphicon glyphicon-plus-sign glyphicon-test3"></span>
    Small icon with padding
  </span>
</div>

CSS

.glyphicon-test3 {
  margin-right: 5px;
  font-size: 6px;
  line-height: 2;
  top: -1px;
}