[기록] Font Awesome 아이콘

Font Awesome 아이콘 적용 방법

1. Font Awesome 사이트에서 파일 다운받아 첨부하기
   • Font Awesome : https://fontawesome.com/icons
2. Font Awesome CDN으로 첨부하기
   • https://cdnjs.com/libraries/font-awesome

head내 파일 링크 작성

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

//로컬 다운로드
<link rel="stylesheet" href="로컬파일경로/all.min.css"/>

CDN이 간단하지만 사이트에 문제가 생기면 CSS파일도 이용불가하므로 파일을 다운받는게 안정적임

Font Awesome 아이콘 넣기

.fa-2x .fa-3x 이런식으로 아이콘 사이즈 변경이 가능하다(CSS파일 및 DOCS 참고)

<i class="fa-solid fa-arrow-up-from-bracket fa-2x"></i>