/CSS/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

4 votes205 views2 answers
Css zebra
CSS
95 votes241 views6 answers
Drop shadow css
CSS
0 vote229 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
0 vote219 views1 answer
Sideways Left Tabs
CSS
0 vote212 views1 answer
Change size
CSS
2 votes208 views3 answers
Cant read pdf file in python
CSS
0 vote220 views1 answer
Css media query overflow
CSS
0 vote201 views1 answer
Css put background on top of another background image
CSS
28 votes261 views6 answers
Linear gradient css background image
CSS
40 votes188 views8 answers
Font size css
CSS