html - 角材アイコン記号

Question

フローティング ラベル入力の左側にアイコン記号を含む Angular2 マテリアル入力を実装したいと考えています。適切なコード例を含むドキュメントを見つけることができませんでした。material.io/guidelines/components/text-fields.html#text-fields-layout で見つけたものは次のとおりです。

期待される結果と私の結果

コードでの私の試みは次のとおりです。

  <i class="material-icons">email</i>
  <md-input-container align="center" color="primary" >

    <input type="email" mdInput placeholder="Email" required >

  </md-input-container>

誰でもコード例を教えてもらえますか?