HTML

[HTML] 아이콘 추가

기록하는_사람 2022. 9. 21. 19:59

무료 아이콘 사이트

📌 Heroicons

https://heroicons.com/

 

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

heroicons.com

 

 

📌 Font Awesome

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

 

Font Awesome 사용법

📌 Font Awesome 사용법

① 이메일 가입 후 Kit Code를 받는다. 

② Kit Code를 복사해 .html에 붙여넣기 한다.

   💡 <script></script>는 항상 <body></body>의 마지막에 위치해야 함.

③ 사용할 아이콘을 검색한다.

④ 고른 아이콘의 html 코드를 복사한 후 .html파일에 붙여넣기 하면 아이콘이 생성된다.