Ich habe einfachen Code mit Bootstrap und einem SVG-Sprit in einer Kopfzeile / einem Menü.

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

können Sie bitte helfen. Ich habe versucht, @ einzustell

border- * etc auf 0 - und das kann ich beheben. Ich stelle die Farben / den Hintergrund ein - aber irgendwo fehlt mir etwas.

some place es erhält den unteren Wert von normalize.less

border-image-width: 1;

code: siehe 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>

Wie entferne ich die graue Linie?

Vielen Dan