Почему не работает иконка font awesome?

Question

Почему некоторые иконки не работают? (Это бесплатная иконка)

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

div {
  height: 100px;
  width: 100px;
  background-color: red;
}

.fa-location-dot {
  font-size: 40px;
  color: #222;
}

<div>
  <i class="fa-solid fa-location-dot"></i>
</div>

Answer 1

А как Вы подключаете стили Font Awesome? При подключении css-файла с CDN всё работает.

body {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

div {
  height: 100px;
  width: 100px;
  background-color: red;
}

.fa-location-dot {
  font-size: 40px;
  color: #222;
}

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">

<div>
  <i class="fa-solid fa-location-dot"></i>
</div>

БЛОГ НА HUSL

Почему не работает иконка font awesome?

Ответы (1 шт):