ionic4 之定义图标 在ion-icon组件中使用

1、根目录 angular.json 添加代码

 {
  "glob": "**/*.svg",
  "input": "node_modules/ionicons/dist/ionicons/svg",
  "output": "./svg"
},
{
  "glob": "**/*.svg",
  "input": "src/assets/svg",
   "output": "./svg"
}

2、将svg放入src/assets/svg 中,
注意1:svg文件的名字叫ios-xxx.svg和md-xxx.svg
注意2:图标在tab使用时outline时需要变暗,svg的名字命名为xxx-outline.svg 而不是ios-xxx-outline.svg或md-xxx-outline.svg

你可能感兴趣的:(ionic4 之定义图标 在ion-icon组件中使用)