별도 설치 없이 부트스트랩에서 제공하는 아이콘 사용하기

외부 폰트 라이브러리를 통해 아이콘을 제공해오던 부트스트랩이 드디어 자체적으로 아이콘을 만들어 배포하기 시작했습니다. 종류도 많고 다양하기까지 합니다. 좀 특별한 경우를 제외하고는 왠만하면 여기서 다 해결을 할 수 있다고 생각합니다.(폰트어썸 유료 아이콘 안녕~~)

이 사이트(https://icons.getbootstrap.com/)에 들어가면 부트스트랩이 제공하는 아이콘 목록을 볼 수 있습니다.

사용법

사용하는 법도 쉽습니다.

1. 위 사이트(https://icons.getbootstrap.com/)에 방문합니다.
2. 원하는 아이콘을 고르고 클릭합니다.
3. 하단의 Copy HTML의 코드를 복사해서 원하는 위치에 붙여 넣습니다. 끝.

팁

혹시 아이콘과 글자 정렬이 미세하게 맞지 않는다는 생각이 든다면 viewBox="0 0 16 16"되어 있는 부분은 viewBox="0 0 16 20"로 바꿔서 다시 시도해보세요.

크기는 width와 height 속성으로 변경 가능합니다. 부트스트랩 아이콘은 백터 이미지로 제공되기 때문에 크기를 키워도 깨지지 않습니다. :)