Awesome font 무료 아이콘

아이콘을 직접 만들기 힘들 때 무료로 제공된 디자인을 사용하면 편리하죠. 😎

오늘 소개해드릴 사이트 Awesome font에는 프론트엔드 작업시 유용한 무료 아이콘들이 다양하게 있습니다.

사용방법

먼저 홈페이지로 이동해주세요.

start for free를 선택후, 아래 칸에 이메일 주소를 적어주세요.

그러면 작성한 주소 확인 메일이 날라오는 데 아래 버튼을 눌러주세요.

전환된 페이지에서 비밀번호와 이름을 기입해 회원가입을 마치면 메인화면이 나옵니다. 이 때 kit가 나오는데 이걸 프론트엔드 작업을 하는 페이지 head부분에 붙여넣기 해주셔야 추후 icon을 인식합니다.

이제 사용하고 싶은 아이콘 관련 키워드를 검색창에 입력해주세요. 전 computer를 입력했는데요. 아래 회색처리된것들은 유료고, 진한 부분이 무료 아이콘입니다.

start using this icon을 클릭하면

위와 같은 팝업창이 뜨는데 여기서 스크립트를 카피해준 뒤

원하는 부분에 붙여넣기해주세요. html을 인터넷에 띄워보면 아래와 같이 아이콘이 잘 입력된것을 확인할 수 있습니다. 😉