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