간단한 일러스트레이트, 아이콘을 구할 수 있는 사이트이다.
웹사이트를 제작할 때 필요한 유용한 아이콘이 필요하다면 이곳을 방문해보자.
모두 무료이다.
(단 프로버전을 이용하고 싶다면 구독료를 지불해야한다.)
Font Awesome
The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
fontawesome.com
우선 해당 사이트를 무료로 사용하기 위해
이메일을 보내서 키트 코드를 받는다.
이메일을 입력해서 send kit code를 클릭하면 아래의 화면이 나온다.
그러면 해당 이메일로 로그인해 들어가서, confirm을 누른 후,
비밀번호와 닉네임을 설정하면 계정 생성 끝이다!
사용하는 방법도 매우매우 간단하다.
1. <head> 부분에 키트 코드를 복사해서 붙여넣는다.
2. 폰트어썸 사이트에서 원하는 아이콘을 찾아서 <i> 태그를 이용해 원하는 곳에 붙여넣는다.
<i class="fa-light fa-school"></i>
<실제 예시>
<button type="button" class="btn btn-primary another-button"><i class="fa-sharp fa-solid fa-comments"></i> 전체 다모임</button>
<button type="button" class="btn btn-outline-light another-button"><i class="fa-sharp fa-solid fa-phone"></i> 학년 다모임</button>
'유용한 것들 모음집 > 웹사이트' 카테고리의 다른 글
| creative tim, 웹디자인 무료 탬플릿, 대시보드 (0) | 2022.12.11 |
|---|---|
| bootsnipp, 부트스트랩 기반, 무료 웹디자인 (0) | 2022.12.11 |
| 와이어프레임, wireframing, 목업, Mock-up, 웹디자인 유용 사이트 (0) | 2022.11.19 |
| sneakpeekit, 와이어프레임, wireframe, 무료 도안, 휴대폰, 태블릿, 브라우저 (0) | 2022.11.19 |
| 드리블, 웹디자이너 포트폴리오 모음, 웹디자인 유용 사이트 (0) | 2022.11.19 |