Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 프로그래머스 lv0
- 나라사랑카드
- react강의
- CSS
- 자바스크립트
- 프로그래머스 JS
- javascript
- 변수 선언
- 국비지원
- flex
- 코딩테스트 lv0
- flex item
- js
- 호이스팅
- Flex Container
- 내일배움카드
- K디지털기초역량훈련
- html
- udemy
- js split
- 패스트캠퍼스
- 코딩테스트 js
- DOM
- SVG
- margin-left
- React
- 리액트
- 바이트디그리
- 노드
- API
Archives
- Today
- Total
목록아이콘 삽입 (1)
꺾이지 않는 마음

웹 페이지에 아이콘을 삽입하는 방법에는 여러 가지가 있다. 구글 material-icons를 활용하는 방법도 있고, jpg, png 등 여러 형식의 이미지 파일을 활용하는 방법도 있다. 본 포스팅에서는 그중 웹 디자인 영역에서 가장 각광 받는 SVG 파일을 활용해보고자 한다. 스케일러블 벡터 그래픽스(Scalable Vector Graphics, SVG)는 2차원 벡터 그래픽을 표현하기 위한 XML 기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. 개인적으로 학습하면서 이번에 SVG 파일을 아이콘으로 HTML 내에 삽입하게 되었는데, 예전에 사용했던 구글 material-icons 활용 방식 보다 훨씬 편리..
웹 프로그래밍/HTML&CSS
2022. 8. 7. 18:15