Как использовать иконки SVG из Font Awesome в Bootstrap 4? - PullRequest
Новая
       21

Как использовать иконки SVG из Font Awesome в Bootstrap 4?

0 голосов
/ 19 ноября 2018

Как использовать svg из Font Awesome 5.5 в качестве иконок в Bootstrap 4?

Я хочу использовать иконки Font Awesome в Bootstrap 4. Как это сделать наилучшим образом?Я скачал 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>

1 Ответ

0 голосов
/ 03 января 2019

Перейдите на замечательный веб-сайт. Нажмите на старт в навигационной панели, затем добавьте svg cdn в ваш проект.

https://fontawesome.com/start

это cdn для иконок SVG 

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