/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

14 votes304 views6 answers
Bootstrap image size
CSS Bootstrap
0 vote320 views1 answer
Angular-bootstrap-md angular 10
Javascript Bootstrap
1 vote332 views1 answer
Change order columns bootstrap
CSS Bootstrap
3 votes317 views1 answer
Jquery close bootstrap model
Javascript Bootstrap
0 vote375 views1 answer
Bootstrap datepicker js cdn
Javascript Bootstrap
0 vote265 views0 answer
Bootstrapcss
CSS Bootstrap
0 vote326 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
0 vote312 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS Bootstrap
22 votes333 views2 answers
React bootstrap carousal not working
CSS Bootstrap
24 votes340 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap