Ширина значка материального дизайна

Question

Как уменьшить ширину значка материального дизайна? Слева ненужная ширина. Я безуспешно пытался изменить свойства width и font-size.

<div>
    <i class="material-icons">ic_autorenew</i>
</div>

Что я могу сделать, чтобы значок занимал только то место, которое ему нужно?

Answer 1

Замена ic_autorenew на автопродление решила проблему.

Answer 2

Как я вижу в вашем коде, вы используете div. который сам является элементом block. Скорее вы можете использовать span. который является элементом inline.

// пример

<span class="material-icons">
autorenew
</span>

Вы можете проверить любой пример Здесь