ant-design / antd-mobile-icons-v2

svg icons for ant-design-mobile

介绍

antd-mobile 自 1.0 后由之前的的 iconfont 改为 svg，Icon 组件目前只内置了部分必须的 svg icon

该仓库存放同之前 iconfont 对应的 svg 图标，方便大家直接取之使用；

使用方法

• 找到你想用的 svg icon, 保存下来；
• 使用代码: <Icon type={require('path/to/svg')} />;
• 配置 webpack 以支持自定义 svg icon，具体可参见 Icon 文档

antd-mobile-icons-v2's Issues

自定义 icon 文档挂了

图标无法显示

代码

svg代码

浏览器显示

之后配置了webpack 的url-loader 也无法显示
页面效果

antd-mobile 自定义 icon无效？

使用<Icon type={require('path/to/svg')} />
安装"配置 webpack 以支持自定义 svg icon，具体可参见 Icon 文档"，配置后无效果。
具体还有其他什么地方要改？

svg图标用样式color属性修改不了颜色

svg图标用样式color属性修改不了颜色，原因已找到，是因为svg里写死了颜色：
<circle fill="#4A4A4A" cx="29.767" cy="19.63"　....../>
<path fill="#4A4A4A" d="M22.102,4.　....../>

这里的fill属性要去掉，然后让用户自己用color样式去重写自己的颜色

能不能把该仓储中所有的svg做个在线展示

以前用 iconfont 很容易就能找到需要的图标。现在想找个图标，太难了。