如何将md-list-avatar与md-list-icon对齐

Question

angular material md-list https://material.angular.io/components/list/overview

图标和img在下面没有对齐，看文字是和不排队，这是一个错误吗？什么是最容易解决的问题？：

<md-list>
  <h3 md-subheader>Folders</h3>
  <md-list-item>
    <img mdListAvatar src="http://placehold.it/200x200" alt="...">
    <h4 md-line>yes</h4>
  </md-list-item>
  <md-list-item>
    <md-icon md-list-icon>folder</md-icon>
    <h4 md-line>no</h4>
  </md-list-item>
</md-list>

https://plnkr.co/edit/cM6bD44kteOhOJZMB5G6?p=preview

Answer 1

目前的解决方案是将图标作为SVG下载并以at身份使用 - 虽然它们有点大

<img src="/assets/ic_people_black_24px.svg" md-list-avatar>