| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | ||||
| 4 | 5 | 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 | 16 | 17 |
| 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| 25 | 26 | 27 | 28 | 29 | 30 | 31 |
- legacy-peer
- window 정책변경
- 의존성문제
- MediaQuery
- 정적객체
- 아이콘사용법
- Git clone
- minwidth
- 단어단위로떨어지기
- 그누보드반응형
- fontawesome
- node설치
- package.json
- npm start
- XEIcon
- vscode git clone
- slickslider
- 이미지반응형
- 글자들여쓰기
- owlcarousel
- npm install
- git lab clone
- maxwidth
- npm install 문제
- node 오류
- react npm install
- 플러그인
- googleicon
- 동적객체
- 웹아이콘
- Today
- Total
어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ
( google icon & xeicon )구글 아이콘 & xeicon 사용법 본문
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이란 것도 있지만 그건 잘 안쓰게 되는..
외국에선 폰트어썸을 많이 쓰는 듯
이쁜것들은 유료였던거? 같은데 잘모르겠당 ㅎ.ㅎ
'HTML5 > 어쩌다 알게된' 카테고리의 다른 글
| 오류 코드 403, 404 차이 (0) | 2021.07.07 |
|---|
