본문 바로가기
프론트엔드

[웹 개발] Fontawsome 가입 방법, 무료 아이콘 사용 방법

by CODESIGN 2022. 8. 18.

웹 개발을 하다 보면 아이콘을 삽입해야 할 경우가 생긴다. 

이럴 경우 Fontawsome을 이용하여 무료로 또 쉽게 아이콘을 삽입할 수 있다.

 

 

 

아래는 Fontawsome 사이트이다.

 

 

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

 

Fontawsome에서는 이처럼 브랜드 아이콘도 가져와 쓸 수 있다.

 

 

Fontawsome을 사용하기 위해서는 먼저 회원가입을 해야 한다.

 

 

1. 회원가입

밑의 사진에서 로그인 버튼을 눌러준다.

 

 

2. Sign up and get started를 눌러 회원가입을 한다.

 

 

 

3. 가입할 이메일을 입력 후 Send Kit Code를 눌러준다.

 

 

4. 가입한 이메일로 Fontawsome에서 확인 이메일이 전송된다.

 

 

 

 

5. 가입한 이메일로 이동해 "Confirm Your Email Address"를 눌러준다.

 

 

 

 

 

6. 비밀 번호를 설정해준다.

 

 

회원가입이 완료됐다.

 

 

 

 

Fontawsome 사용하기 

 

 

1. 메인 페이지에서 로그인을 해준다.

 

 

 

 

2. Kits를 눌러 New Kit을 만들어준다.

 

 

 

 

 

3. Kits를 만들고 난 후 빨간 박스를 눌러 script를 복사한다.

 

 

 

 

4. 개발하고자 하는 html 파일의 head 태그 안에 복사한 script를 입력한다. 

 

 

Fontawsome 사용 예제

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

'프론트엔드' 카테고리의 다른 글

[ Next.js ] next/babel 에러  (0) 2024.05.23
[ 웹 개발 / Git ] 깃 1탄  (2) 2022.11.11

댓글