Question

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

我想在Bootstrap 4中使用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>

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

1 个答案: