svg태그로 아이콘을 저장하는 이유 (이미지 비교)
img태그로 아이콘 코딩하기
장점
단점
- 글자랑 아이콘이 정렬이 안됨, 마우스오버 불가 (마우스 오버 했을때 이미지를 교체 - 그래서 안됨)
svg코드를 html에 입력해서 아이콘 코딩하기
장점
- 이미지를 저장하지 않아도 됨
- 아이콘 색상 변경이 쉬움
단점
svg코드를 css에 입력해서 아이콘 코딩하기
장점
- html 코드가 깔끔함
- 이미지를 별도로 저장하지 않아도 됨
단점
- css가 복잡함
- 버튼 디자인이 똑같아도 아이콘이 다르면 class명을 별도로 줘야함
- 마우스 오버 색상 변경 시 svg 코드를 수정해야함
