/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 vote315 views1 answer
Faunadb q.do
CSS
-1 vote372 views1 answer
How to centralize cards in css
CSS
39 votes328 views4 answers
Font awesome size
CSS
0 vote337 views2 answers
Remove unused css styles
CSS
0 vote315 views1 answer
Make border absolute css
CSS
0 vote303 views1 answer
How to active horizental scroll for navbar menu in mobile screen
CSS
19 votes311 views2 answers
Center div in middle of page
CSS
127 votes455 views4 answers
React import bootstrap css
CSS Bootstrap
0 vote311 views1 answer
Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.
CSS
1 vote369 views1 answer
How to remove image using css
CSS