Html SVG图标-垂直对齐不良

我在按钮中使用SVG图标，它们垂直对齐得很差。当我为它们设置

垂直对齐：中间时，结果与设置
底部时相同，因此图标向下太多

当我将设置更改为
vertical align:top
时，图标位于
1px
更高的位置。通用的方法是什么？如何对齐它们

当然，我可以使用例如：
verticalalign:top；页边顶部：1px但我不希望按钮中的所有图标都按边距定位

例如：

尝试以下更改：

.btn .ico {
  display: inline-block;
  width: 18px;
  line-height: 1;
}

.btn svg {
    display: inline-block;
    vertical-align: middle;
    fill: #fff;
}

是小提琴。
你应该在问题中添加你的标记，而不是试图通过发布一个不是真正的链接来规避规则。你到底想要什么？罗伯特：谢谢，我忘了。我是STOSooraj的新手：我想让垂直对齐图标和文本它不工作。我想有垂直对齐的文字图标。但在你的小提琴下面是图标，而不是文字。