How to replace icons in offcanvace menu with bootstrap icons?

Hello. How to replace icons in offcanvace menu with bootstrap icons? Template: T4 Template Blank

Then FA icons load slowly.

Or how can you replace the icon with svg?

These navigation icons are FontAwesome icons, may I know which BS icon you want to use, I will give it a try.

You will need to include the icon fonts stylesheet into your site: https://icons.getbootstrap.com/#icon-font

Add:

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

into custom code section of template:

Then add this custom CSS:

.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle::after {
	content: "\f134" !important;
	font-family: bootstrap-icons !important;
}

Regards

Hello. Thanks. Is it possible to somehow upload your svg or png picture and use it?

The style for off-canvas is a bit special which uses after/before as you can see above so can't use svg in this case.

Thanks the info