@govbr-ds/core/dist/components/input/examples/input-icons.html

Padrão Digital de Governo

<div class="col-sm-6 col-lg-4 mb-3">
  <div class="br-input">
    <label for="input-icon">Login</label>
    <div class="input-group">
      <div class="input-icon"><i class="fas fa-user-tie" aria-hidden="true"></i>
      </div>
      <input id="input-icon" type="text" placeholder="Placeholder"/>
    </div>
  </div>
</div>
<div class="col-sm-6 col-lg-4 mb-3">
  <div class="br-input small">
    <label for="input-icon-small">Nome</label>
    <div class="input-group">
      <div class="input-icon"><i class="fas fa-user" aria-hidden="true"></i>
      </div>
      <input class="small" id="input-icon-small" type="text" placeholder="Placeholder"/>
    </div>
  </div>
</div>
<div class="col-sm-6 col-lg-4 mb-3">
  <div class="br-input large">
    <label for="input-icon-large">Grupo</label>
    <div class="input-group">
      <div class="input-icon"><i class="fas fa-users" aria-hidden="true"></i>
      </div>
      <input class="large" id="input-icon-large" type="text" placeholder="Placeholder"/>
    </div>
  </div>
</div>