Bootstrap是通过图标字体来实现的;该字体中代码点X1 M0 N1 X处字形将是图标而不是正常的字母字形。
创建或修改图标字体可能有点麻烦;有一些web-based tools可以使它比在字体编辑器中工作简单一些，但从长远来看，我不推荐它。（它们很难维护，因为每次进行更改时都必须重新生成字体并对其进行版本控制，这会导致严重的可访问性问题。）
相反，您可以使用convert your SVG into a data:image URI并将其放在CSS中，例如，使用对您的特定布局最方便的方法

.foo::before {
    content: url('data:image/svg+xml;utf8,<svg ... </svg>')
}

或

.foo {
  background: url('data:image/svg+xml;utf8,<svg ... </svg>');
  width: ..., height: ...
}

...当然，也可以将SVG托管在一个真实的的URI上，然后像处理任何其他图像一样使用CSS将其嵌入。