아이콘 넣기

아이콘을 추가하는 데에는 두 가지 옵션이 있다.

 

1. 직접 이미지를 만들고 추출하거나, 2. SVG 파일을 이용할 수 있다.

SVG는 픽셀이 없는 이미지 파일형식이다. 수학이고, 좌표로 되어있어서 원하는 만큼 늘릴 수 있다.

 

1-1) heroicons

 

heroicons

 

쓰고 싶은 아이콘을 검색해서 클릭만 하면 자동 복사가 된다. svg 코드가 복사되므로 그냥 붙여넣기해서 쓰면 된다. 

 

1-2) 아니면 font awesome을 이용하면 된다. 

 

코드 킷을 이용해서 쓰면 된다.

 

이 코드 킷을 복사해서 스크립트에 작성해주면 된다. 

 

*** 스크립트는 항상 마지막에 있어야한다. 

항상 마지막!!!!!!! body 태그를 닫기 직전에 말이다. 

 

font awesome에서 wifi를 검색했다. 회색이 아닌 아이콘들은 무료다. html을 클릭해서 복사해준다.

 

필요한 자리에 붙여넣기만 하면 끝!