[CSS] 아이콘(Icon)

Icon CDN

1. Goolge Icon

2. Font-awesome

 

- 아이콘은 실제로는 글꼴이기 때문에 글자색과 글자크기를 설정하여 색상과 크기를 설정할 수 있다.

 

Google Icon

<!-- 원하는 아이콘의 링크를 import -->
<link rel="stylesheet"
        href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />

 <span class="material-symbols-outlined">
	search
</span>

 

Font-awesome

<!-- 회원 가입 후 마이페이지에서 얻을 수 있는 씨리얼 번호 -->
<script src="https://kit.fontawesome.com/고유번호.js" crossorigin="anonymous"></script>

<i class="fa-brands fa-github"></i>