/CSS/Bootstrap/How to style navbar-toggler-icon bootstrap 5

How to style navbar-toggler-icon bootstrap 5

 <!--HTML-->
 <button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon  "></span>
 </button>
 
<!--STYLE-->
<!--CHANGE THE STROKE COLOR-->
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

Similar codes

0 vote362 views1 answer
Check if form bootstrap is valid js
Javascript Bootstrap
33 votes372 views6 answers
Angular add bootstrap
Javascript Bootstrap
43 votes392 views6 answers
Add bootstrap to angular
Javascript Bootstrap
8 votes397 views3 answers
Bootstrap file upload
CSS Bootstrap
6 votes343 views5 answers
Bootstrap icons
CSS Bootstrap
33 votes382 views3 answers
React native bootstrap
Javascript Bootstrap
-1 vote385 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
0 vote414 views1 answer
Bootstrap put button on one line
CSS Bootstrap
0 vote314 views1 answer
Angular bootstrap path
Javascript Bootstrap
0 vote383 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap