css - 如何在 Bootstrap 4 中使用 Font Awesome 中的 svg 图标？

Question

如何使用 Font Awesome 5.5 中的 svg 作为 Bootstrap 4 中的图标？

我想在 Bootstrap 4 中使用 Font Awesome 图标。我该如何以最佳方式做到这一点？我已经下载了 svg 文件，可以将它们用作普通图像，但应该如何完成？

<div class="form-group">
<label for="name">Namn</label>
<div class="input-group">
<div class="input-group-prepend">
  <div class="input-group-text"><img src="img/svgs/regular/address-book.svg" width="20px" height="20px" alt="Name"></div>
</div>
    <input type="text" class="form-control" id="name" name="Name" placeholder="" value="" autofocus>
</div>
</div>

Answer 1

转到fontawesome网站点击导航栏的开始，然后将svg cdn添加到你的元素中。

https://fontawesome.com/start

这是svg图标的cdn

<script defer src="https://use.fontawesome.com/releases/v5.6.3/js/all.js" 
integrity="sha384- 
EIHISlAOj4zgYieurP0SdoiBYfGJKkgWedPHH4jCzpCXLmzVsw1ouK59MuUtP4a1" 
crossorigin="anonymous"></script>