title: Insert svg into simple form input
body: <p>I am quite new to the simple form gem and I'd like to customize the inputs with SVG add-ons such as an email picture into the input field "Email" </p>
  
  <p>Here is the svg code: </p>
  
  <pre><code>&lt;svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve" width="24" height="24"&gt;&lt;title&gt;email 84&lt;/title&gt;&lt;g class="nc-icon-wrapper" stroke-linecap="square" stroke-linejoin="miter" stroke-width="2" fill="#111111" stroke="#111111"&gt;&lt;polyline data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" points="1,3 12,13 23,3 " stroke-linecap="butt"/&gt; &lt;rect x="1" y="3" fill="none" stroke="#111111" stroke-miterlimit="10" width="22" height="18"/&gt;&lt;/g&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>And here is my simple form code: </p>
  
  <pre><code>&lt;div class="col-xs-12 col-sm-4 col-sm-offset-4"&gt;
    &lt;div class="form-login"&gt;
      &lt;p&gt;Welcome !!&lt;/p&gt;
       &lt;div class="hr"&gt;
      &lt;/div&gt;
  
      &lt;%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %&gt;
        &lt;%= f.error_notification %&gt;
  
        &lt;div class="form-inputs"&gt;
          &lt;%= f.input :first_name, required: true, autofocus: true, placeholder: "First name" %&gt;
           &lt;%= f.input :last_name, required: true, autofocus: true, placeholder: "Last name" %&gt;
          &lt;%= f.input :email, required: true, autofocus: true, placeholder: "Email Address" %&gt;
          &lt;%= f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length), placeholder: "Password" %&gt;
          &lt;%= f.input :password_confirmation, required: true, placeholder: "Password" %&gt;
        &lt;/div&gt;
  
        &lt;div class="form-actions"&gt;
          &lt;%= f.button :submit, "Sign up", class: "btn btn-danger small-btn width-login" %&gt;
        &lt;/div&gt;
      &lt;% end %&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Where should I put the SVG code? </p>
  
  <p>Thanks !! </p>