I had changed bootstrap icon colour using css is it write or wrong?

I use background image from css

<nav class="navbar navbar-expand-lg navbar-light bg-trans navbar-trans navbar-fixed-top">
  <a class="navbar-brand" href="#" style="font-weight:  65;font-size: 30;color: #FFFFFF;padding-top: 5px; font-family: Roboto; letter-spacing: 3px;">DIGIQT</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                ****<span class="navbar-toggler-icon" style="background-image: url(http://www.clker.com/cliparts/S/X/H/n/z/Y/phone-white-icon-hi.png);"></span>****
<span class="navbar-toggler-icon" style="background-image: url(http://www.clker.com/cliparts/S/X/H/n/z/Y/phone-white-icon-hi.png);"></span>
              </button>
  <div class="collapse navbar-collapse" id="navbarNavAltMarkup">


    <div class="navbar-nav" style="font-size: 20;color: #FFFFFF; background-image: url(" icon.png ")">
      <a class="nav-item nav-link" href="#" style="font-family: Montserrat;color:  #ffffff;">Home <span class="sr-only">(current)</span></a>
      <a class="nav-item nav-link" href="#" style="font-family: Montserrat;color:  #ffffff;">Services</a>
      <a class="nav-item nav-link" href="#" style="font-family: Montserrat;color:  #ffffff;">Blog</a>
      <a class="nav-item nav-link" href="#" style="font-family: Montserrat;color:  #ffffff;">Contact</a>

    </div>
  </div>
</nav>

What do you say?