用图像替换图标

Question

我正在使用此模板：https://startbootstrap.com/template-overviews/grayscale/并尝试将使用i标记的图标替换为我自己的徽标。我似乎无法找到如何将i标签与我自己的图像一起使用。我尝试用img标签替换它，但样式搞砸了。这是造成问题的html行：

<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-play-circle"></i> <span  class="light">Start</span>  Bootstrap
            </a> 

我不知道要包括什么css，因为有很多与特定类有关的内容。任何帮助表示赞赏。

Answer 1

编辑：UncaughtTypeError的评论是要走的路。

这是因为.fa-play-circle CSS类使用以下CSS（在font-awesome.min.css中找到）影响“播放图标”：

.fa-play-circle:before {
    content: "\f144";
}

因此，它实际上不是一个图像，就像它是在标记之前加载的字形一样。