Для inline SVG в кнопке vertical-align: middle или text-bottom выравнивает глиф относительно строки текста.
В современных UI-kit чаще display: inline-flex; align-items: center; gap — предсказуемее, чем vertical-align.
- [vertical-align — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align) — Ключевые слова для inline.
---
## Размер
Задайте иконке width/height в em от font-size кнопки — масштабирование с текстом.