딱! 한줄만 추가하면 웹페이지 개발시 여러가지 아이콘 사용이 가능해집니다
구글 아이콘
•
세팅이 간편
•
구글에서 제공하는 다양한 기본 아이콘 사용 가능
•
폰트 아이콘이라 css 스타일링을 폰트처럼 다룰 수 있음 (font-size, color..)
사용 방법
1.
세팅 : 스크립트 추가
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
HTML
복사
2.
3.
아이콘 적용
•
검색한 아이콘 클릭 후 우측에 Inserting the icon 내용 복붙해서 사용
•
또는 material-symbols-outlined 클래스 노드안에 아이콘 이름만 변경해서 사용
<span class="material-symbols-outlined">[아이콘 이름]</span>
HTML
복사