کتابخانه آیکون رایگان، با کیفیت بالا و متن‌باز با بیش از 2000 آیکون. آن‌ها را به هر شکلی که دوست دارید - SVG، SVG sprite یا فونت‌های وب - در هر پروژه‌ای با یا بدون Bootstrap استفاده کنید.

نصب

اگر مایل به استفاده از Bootstrap Icon با CDN هستید، می‌توانید از این مرحله نصب صرف نظر کنید.

npm i bootstrap-icons

فایل CSS را به این مسیر وارد کنید src/assets/scss/icons.scss

@import 'bootstrap-icons/font/bootstrap-icons.css';

CDN

کد زیر را کپی کرده و به تگ سند HTML خود اضافه کنید.

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

استفاده

اضافه کردن آیکون با نام کلاس، قانون نام کلاس: bi bi-{name}-{style}

<i class="bi bi-unlock"></i>
<i class="bi bi-ticket-perforated"></i>

برای جزئیات بیشتر رجوع کنید به مستندات.