개발 도움 사이트

구글 텍스트 아이콘 사용법

KIMJAVAN 2023. 11. 27. 10:36
728x90

https://fonts.google.com/icons?selected=Material+Symbols+Outlined:arrow_downward:FILL@0;wght@400;GRAD@0;opsz@24&icon.query=arrow

 

 

 

 

** 사용법

1. 원하는 아이콘 검색 (ex. arrow) **영어로 해야한다

 

2. 위에있는 link 태그 복사해서 헤더에 붙여넣고(여러 모양을 붙여 넣어도 1개만 있으면 된다)

3. span태그 복사해서 원하는 곳에 넣으면 된다(폰트처럼 사용가능. css는 font-size, color등으로 적용가능, span안에 있는 글자 다른걸로 바꾸면 다른 아이콘으로 변경 가능함. 안에 있는 텍스트 지우지 말 것)