부트스트랩 아이콘 사용하기

https://icons.getbootstrap.kr/

Bootstrap Icons

 

 

1. 부트스트랩 아이콘

- 무료사용 가능!

 

2. 아이콘 설치

 

2-1) CDN

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

 

2-2) @import

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

 

3. 사용법

3-1) Embedded(Copy HTML)

- 설치없이 Embedded로 사용

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>