기술 정리 & CS/기타 지식

Font Awesome 이용법 (아이콘, ICON)

yubi5050 2022. 4. 28. 11:23

Font Awesome 무료 아이콘 이용 방법

 

1. 홈페이지 주소

https://fontawesome.com/

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

 

2. 회원가입

이메일 등록 후 => 이메일 메일함에서 Confirm 확인

 

3. Kit Code 발급

아래와 같은 개인 Font Awesome Kit's 코드가 발급됨. 

<script src="https://kit.fontawesome.com/<개인kit 코드>.js" crossorigin="anonymous"></script>

 

4. 아이콘 서칭

https://fontawesome.com/v6/icons

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

 

5. 아이콘 사용 방법

.SVG 파일로 다운받아서 사용

아래와 같은 방법으로 html Tag 사용 

<body>
  <i class="fa-solid fa-user"></i>
</body>

Font Awesome 아이콘 페이지