Responsive Navbar Offcanvas - Copy this Html, Bootstrap Component to your project

You need a search icon with responsive behavior for different screen sizes: For larger screens: The search icon should be placed outside the collapsible menu, immediately following the navigation link. For smaller screens: The menu bar should remain in its current position, while the search icon will appear just before the collapsible menu bar. Additionally, the functionality you're aiming for should ensure the search icon interacts appropriately with the layout, potentially opening a search bar or triggering another desired action, depending on the user’s interaction.