title: Angular material mat-slide-toggle change toggle icon
body: <p>I am using angular6 to layout my UI. </p>
  
  <p>The default mat-slide-toggle button looks like this: </p>
  
  <p><a href="https://i.stack.imgur.com/tIqus.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tIqus.png" alt="enter image description here"></a></p>
  
  <p>But i want the toggle button to look like below from the material-icons toggle_on , toggle_off</p>
  
  <p><a href="https://i.stack.imgur.com/a9RwI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a9RwI.png" alt="enter image description here"></a></p>
  
  <p>Is it possible to customize it? </p>
  
  <p>Thanks a lot. </p>