title: How to add Icon inside the Angular material Snackbar in Angular 5
body: <p>I am new to angular and I am using Angular Material Design for UI.</p>
  
  <p>In my application I have a snackbar .</p>
  
  <p>Now I want to set an Icon inside the snackbar but I tried some Stackoverflow post I can't set it .</p>
  
  <p>code:</p>
  
  <pre><code>this.snackBar.open('You are already registered.Please log in.','', { duration: 2000 });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/lkrvN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/lkrvN.png" alt="enter image description here"></a></p>
  
  <p>I want to set the icon as in the image but I have the below snackbar without icon .I don't know how to add this .</p>
  
  <p><a href="https://i.stack.imgur.com/QPQiL.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QPQiL.png" alt="enter image description here"></a></p>
  
  <p>can anyone help me to add this.</p>