Font Awesome 아이콘 안나오는 error

error 내용

<div>관련 아이콘: <i class="fa-regular fa-flower"></i></div>
<div>더 알아보기 <i class="fa-regular fa-circle-play"></i></div>

봄에 관련한 아이콘인 꽃을 넣으려고 했더니 위 사진처럼 나오질 않았다.

둘 다 안나오면 모를까 하나는 나오고, 하나는 나오질 않아서 원인을 더 모르겠던 참이었다.

error 탐색

구글링을 해본 결과 'Font Awesome'가 v5로 업그레이드 하면서 폰트 중 2가지 종류를 무료로, 3가지는 유료로 사용할 수 있게 만들었다고 한다.

그래서 class 이름 맨 앞에 2가지 무료 스타일Prefix인 'fas', 'fab'을 넣어봤지만 똑같이 아이콘이 나오질 않았다.

error 해결

'Font Awesome' 홈페이지를 들어가서 내가 원하는 꽃 아이콘을 검색 후 조건을 무료로 설정했더니 아이콘이 뜨질 않는 것이다.
알고보니 꽃 아이콘은 유료였고, 결국 무료 아이콘 중에서 대체할 만한 아이콘으로 변경했다.