SVG图标与文字不在一条水平线怎么办？

我们在建站的时候想往文字或者标题前加上一个图片，如果可能的话，我建议用SVG图标。作为小白，我的认知就是SVG不用下载，直接放个代码就行，大概可以省空间吧！哈哈哈～

我的网站导航栏里的图标就是SVG格式，直接把SVG格式放到文字前就行。

最开始我就是源代码直接放，但是会发现图标与文字并不在一条线，图标都是靠偏上一些，不怎么协调。强迫症的我不能忍啊！

修正前：

可以看到，图和文字不在一个水平线上。这种情况解决办法很简单，只加个style就行。
修正后：

style代码用style="position:relative; top:3px;" 其中数字 3 就是图标的上下调动值，可以根据自己需要修改。

备忘：

图标颜色

蓝色#388ceb

橙色#e78e00

SVG图标大小18

style="position:relative; top:3px;"