title: How to embed SVG image icon in input tag?
body: <p>I'm trying to embed 'search.svg' image into textbox in AngularJS as shown in the image below
  <img src="https://i.stack.imgur.com/dmqZc.png" alt="enter image description here"> </p>
  
  <p>But I didn't get expected result.
  It's rendering like shown in the image below
  <img src="https://i.stack.imgur.com/d4frE.png" alt="enter image description here"></p>
  
  <p>I have tried -
  My html file</p>
  
  <pre><code>&lt;div class="right-inner-addon pull-left col-lg-4"&gt;
      &lt;input type="text" class="form-control input-append" /&gt;
      &lt;img role="img" src="img/icons/search.svg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My CSS file</p>
  
  <pre><code>.right-inner-addon {
      position: relative;
  }
  .right-inner-addon input {
      padding-right: 30px;
  }
  .right-inner-addon img {
      position: absolute;
      right: 0px;
      padding: 10px 12px;
      pointer-events: none;
  }
  </code></pre>