i태그는 본래 html에서 italic (기울임 효과) 폰트의 효과를 주기 위해 사용되었으나, 현재는 html에서 디자인 요소가 JS등으로 분리되어 많이 사용하기 때문에 거의 사용되지 않는 태그이다.
하지만 icon의 첫글자가 i태그와 똑같아서 코드 가독성이 우수하고, 또 태그의 글자 길이가 한글자 밖에 안되어 현업에서도 아이콘을 만들때는 i태그를 많이 사용한다고 한다.
더 많은 내용은 아래 블로그를 참고. https://webisfree.com/2015-12-02/%EC%95%84%EC%9D%B4%EC%BD%98-%EC%9A%94%EC%86%8C%EB%A5%BC-%EB%A7%8C%EB%93%A4%EB%95%8C-span%EC%9D%B4-%EC%95%84%EB%8B%8C-i-%ED%83%9C%EA%B7%B8%EA%B0%80-%EC%A2%8B%EC%9D%80-%EC%9D%B4%EC%9C%A0