The standard bootstrap 4 navigation bar button showcases a classic hamburger icon.
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
Is there a way to transform this original hamburger icon into a CSS-only three dots or kebab dots menu icon?
Below is the initial icon:
https://i.sstatic.net/Qj6uq.png
And here is the desired icon (note: colors may vary):