/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 vote333 views1 answer
Checkbox change background color bootstrap
CSS
0 vote319 views1 answer
How to change the size of a style="text-align: center;"
CSS
1 vote311 views1 answer
Ion-item no padding ionic 4
CSS
23 votes318 views3 answers
Text-overflow ellipsis multiple lines
CSS
1 vote317 views1 answer
Nth of type for every 4th after the 1st
CSS
30 votes284 views6 answers
Linear gradient in CSS
CSS
0 vote321 views3 answers
Sphinx css templates
CSS
-1 vote300 views1 answer
Css display contents
CSS
0 vote297 views1 answer
Sweet alert modal form
CSS
0 vote349 views4 answers
Scale down image css
CSS