Necesito colocar iconos dentro de las entradas para crear un nuevo usuario. Probablemente sea una tarea realmente fácil para alguien que conoce el código de front-end. Sin embargo no lo hago. Aquí está la estructura metálica y luego muestro mi código.

WIREFRAME

Como puedes ver. Hay iconos en el lado izquierdo de las entradas. En este momento tengo los SVG en mi directorio y listo para usar, solo necesito saber cómo colocarlos dentro de la entrada. Aquí está el código para el formulario

FORMAR

<label clas="name-label">
  <%= f.text_field :name, placeholder: "Name", class: "form-labels" %>
</label>

<label class="email-label">
  <%= f.text_field :email, placeholder: "Email", class: "form-labels" %>
</label> 

Así que tengo el marcador de posición con una cadena que actualmente solo imprime esa cadena. ¿Necesito poner los íconos dentro de lo que creo? Aquí está el CSS que tengo para los iconos.

CSS

.icon-email {
  background-image: image-url('email-field.svg');
}

.icon-name {
 background-image: image-url('name-field.svg');
}

¿Hay alguna manera de colocar estas clases dentro del marcador de posición?