<script src="https://unpkg.com/lucide@latest"></script>
<script>document.addEventListener("DOMContentLoaded",()=>{ if(window.lucide) lucide.createIcons(); });</script>

<i data-lucide="home"></i>
<i data-lucide="mail"></i>
<i data-lucide="calendar"></i>
<i data-lucide="user"></i>
<i data-lucide="settings"></i>
<i data-lucide="message-circle"></i>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@2.1.4/css/boxicons.min.css">

<i class="bx bx-home"></i>
<i class="bx bx-envelope"></i>
<i class="bx bx-calendar"></i>
<i class="bx bx-user"></i>
<i class="bx bx-cog"></i>
<i class="bx bx-message-square-dots"></i>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css" integrity="sha512-2SwdPD6INVrV/lHTZbO2nodKhrnDdJK9/kg2XD1r9uGqPo1cUbujc+IYdlYdEErWNu69gVcYgdxlmVmzTWnetw==" crossorigin="anonymous" referrerpolicy="no-referrer"/>

<i class="fa-solid fa-house"></i>
<i class="fa-regular fa-envelope"></i>
<i class="fa-regular fa-calendar-days"></i>
<i class="fa-regular fa-user"></i>
<i class="fa-solid fa-gear"></i>
<i class="fa-regular fa-message"></i>

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

<i class="bi bi-house"></i>
<i class="bi bi-envelope"></i>
<i class="bi bi-calendar"></i>
<i class="bi bi-person"></i>
<i class="bi bi-gear-fill"></i>
<i class="bi bi-chat"></i>