015 - Bootstrap Icons 예제

Bootstrap에서 제공해주는 Bootstrap Icon을 사용하는 예제 입니다.

 

정의 되어 있는 아이콘들은 아래 사이트에서 확인가능합니다.

https://icons.getbootstrap.com/

 

Bootstrap Icons 사이트에서는 CDN 주소를 제공하고 있습니다.

 

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">

 

Bootstrap Icons 라이브러리를 추가하고 

 

i Tag를 선언해서 사용하는 법과 SVG를 선언하여 사용하는 방법 2가지를 제공하고 있습니다.

 

i Tag를 선언해서 안보이는 아이콘들이 있는데.. SVG를 사용하는 방법으로 사용하시면 됩니다.

 

 

See the Pen 015 - Bootstrap Icons 예제 by Keun (@kwyuk) on CodePen.