IonIcons Abstand entfernen

Question

Wie entferne ich Abstand von oben und unten auf Ion Icons?

Ich benutze es in meinem html wie:

<div><i className="close ion-ios-close-empty" /></div>

und dies ist Standardstil für alle ionicons:

display:inline-block; 
font-family:"Ionicons"; 
speak:none; 
font-style:normal; 
font-weight:normal; 
font-variant:normal; 
text-transform:none; 
text-rendering:auto; 
line-height:1; 
font-size: inherit; 
-webkit-font-smoothing:antialiased; 
-moz-osx-font-smoothing:grayscale 

und Klasse schließen sich wie folgt:

.close{ 
    color: #ffffff; 
    font-size: 50px; 
} 

Ich habe keinen Stil hinzugefügt, ich habe nur die Schriftgröße erhöht, aber das Symbol wird wie auf dem Foto angezeigt.

Gibt es eine Möglichkeit, den Abstand oben und unten zu entfernen?

Answer 1

use line height property 
example : { 
line-height: 1; 
}