Icon 图标

默认

动态图标

旋转和翻转

放大图标

叠加图标

自定义 Icon

自定义 Icon, 可以渲染一个外部引入的 svg 文件。

同时需要在 webpack 中配置 svg loader, 这里用到一个 svg-sprite-loader

{
  test: /\.svg$/,
  use: [{
    loader: 'svg-sprite-loader',
    options: {
      symbolId: 'icon-[name]'
    }
  }]
}

设置 SVG 图标的颜色

如果您需要 svg 图标颜色与文字颜色一致，可以使用 currentColor以确保您的 fill、 stroke 颜色与字体颜色保持一致。如果您使用了 svg-sprite-loader，则应对 use 元素设置 currentColor。