<ion-grid no-padding>
    <ion-row style="margin-left:-12px;">
      <ion-col size-xs="12" size-md="auto">
        data 01
      </ion-col>
      <ion-col size-xs="12" size-md="auto">
        data 02
      </ion-col>
      <ion-col size-xs="12" size-md="auto">
        data 03
      </ion-col>
      <ion-col size-xs="12" size-md="auto">
        data 04
      </ion-col>
    </ion-row>
  </ion-grid>

<ion-icon name="image-sharp" slot="start"></ion-icon> 

icon name 可到 ionicons.com 參考。 slot 有 start/end 可選。

專案的資料夾中，有很多地方有包含到 svg 檔案，例如
node_modules\@ionic\core\dist\ionic\svg\*.svg
node_modules\ionicons\dist\collection\components\icon\svg\*.svg
node_modules\ionicons\dist\ionicons\svg\*.svg
node_modules\ionicons\dist\svg\*.svg
使用 ion-img 標籤，最棒的特點是可以延遲載入，還有錯誤判斷可用。
<ion-img src="......" (ionError)="loadDefaultImage($event)"></ion-img>

loadDefaultImage(event)
{
  event.target.src="/assets/shapes.svg"; // 檔案位在 ./src/assets/shapes.svg
}
使用 ion-input 標籤，在行動裝置上可變換不同輸入配置，
例如 type="text", "password", "email", "number", "search", "tel", "url" 等，會有不同變化。

<ion-list>
  <ion-item>
    <ion-label>Name</ion-label>
    <ion-input type="text" [(ngModel)]="varName"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label>Email</ion-label>
    <ion-input type="email" [(ngModel)]="varEmail"></ion-input>
  </ion-item>
</ion-list>