/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

0 vote177 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
253 votes282 views10 answers
Bootstrap cdn
CSS Bootstrap
13 votes200 views4 answers
How to print background bootstrap
CSS Bootstrap
0 vote195 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote156 views1 answer
On click a button triger a tab bootstrap 5
Javascript Bootstrap
0 vote171 views1 answer
Pagination in b table in bootstrap vue
Javascript Bootstrap
0 vote176 views1 answer
Bootstrap accordion some change
CSS Bootstrap
6 votes169 views4 answers
Bootstrap not working in angular
Javascript Bootstrap
1 vote162 views1 answer
Bootstrap disable button after click
Javascript Bootstrap
0 vote167 views1 answer
Datatable bootstrap cllick on specific button
Javascript Bootstrap