어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ

( google icon & xeicon )구글 아이콘 & xeicon 사용법 본문

HTML5/어쩌다 알게된

( google icon & xeicon )구글 아이콘 & xeicon 사용법

비니_ 2021. 6. 3. 00:39
728x90

1. google icon

 

https://fonts.google.com/icons?selected=Material+Icons:home 

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

<link href="//fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">

 

 

 

복사-> 태그에 붙여넣기

 

끝

 

 

 

 

 

 

생각보다 귀여운 아이콘이 많다 //ㅇ.ㅇ//

 

구글아이콘은 신기한게 font로 들어간다......

어떻게 되는 원리인가.........궁금하다......

 

 

 

 

 

2. xeicon

 

https://xpressengine.github.io/XEIcon/library-2.3.3.html

 

XEIcon, 문자를 그리다

XEICon은 웹사이트 제작에 최적화된 벡터 그래픽 아이콘 툴킷입니다. 여러분의 아름답고 직관적인 웹페이지 제작을 돕습니다.

xpressengine.github.io

 

 

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">

 

 

 

 

 

태그에서 class에 "xi-hamburger-back" 넣어준다

 

끝

 

 

 

 

 

 

원래 xeicon만 쓰다가 요즘엔 google icon을 써보는중!

 

fontawesome이란 것도 있지만 그건 잘 안쓰게 되는..

외국에선 폰트어썸을 많이 쓰는 듯

이쁜것들은 유료였던거? 같은데 잘모르겠당 ㅎ.ㅎ

728x90

'HTML5 > 어쩌다 알게된' 카테고리의 다른 글

오류 코드 403, 404 차이  (0) 2021.07.07
'HTML5/어쩌다 알게된' Related Articles more
Comments