Это ответвление на этот вопрос - в точку и без css.Почему значок вопросительного знака (help_circle) имеет более широкий контейнер?
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet' type='text/css'/>
<i class="material-icons" style="border:1px solid red;">help_circle</i>
<i class="material-icons" style="border:1px solid red;">delete_forever</i>
<i class="material-icons" style="border:1px solid red;">insert_chart</i>
