/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

0 vote171 views1 answer
Import scss
CSS
0 vote177 views2 answers
Media Query smartphone only
CSS
2 votes200 views3 answers
Em
CSS
0 vote191 views2 answers
Memebuat html dan css login instagram
CSS
19 votes218 views6 answers
Box shadow
CSS
66 votes186 views6 answers
Margin css
CSS
49 votes252 views5 answers
Css first
CSS
9 votes173 views2 answers
Line in middle word css
CSS
0 vote161 views1 answer
Add logo html css
CSS
0 vote183 views2 answers
Get element with href css
CSS