Tengo un código básico con bootstrap y un sprit svg en un encabezado / menú ... y hay una delgada línea de fondo gris en los iconos.

http://codepen.io/anon/pen/dpzKoQ?editors=1100

¿Puedes por favor ayudarme? He intentado configurar

border- * etc a 0 - y puedo arreglarlo. Configuré los colores / fondo, pero en algún lugar me falta algo.

en algún lugar está obteniendo el siguiente valor de normalize.less

border-image-width: 1;

código: ver codepen.

    .icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(https://cdn.rawgit.com/srisitar/test/master/sprite.svg);
}

.icon-facebook {
  width: 96px;
  height: 96px;
  background-position: 0 0;
}

.icon-twitter {
  width: 96px;
  height: 96px;
  background-position: -128px 0;
}

<

div id="home">
       <a href=" ">
                  <img class="icon icon-twitter"></a>
                                                </div>

¿Cómo eliminar la línea gris?

Gracias