Ant Design new feature: use SVG Icon

[HeskeyBaozi]

• I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

This feature is in the feature and can preview in antd@next.

See ant-design/ant-design-icons#3

we need a Vue component that resolve the svg abstract tree and render the svg icon.

The React version: https://github.com/ant-design/ant-design-icons/tree/dev/packages/icons-react

What does the proposed API look like?

import { AntDesignOutline, DashboardOutline, TwitterOutline } from '@ant-design/icons';
import AntdIcon from '@ant-design/icons-vue'; // or other package names.
AntdIcon.add(AntDesignOutline, DashboardOutline); // or use other static methods
Vue.use(AntdIcon); // or Vue.component('antd-icon', AntdIcon);

After that, you can use antd icons in your Vue components as simply as this:

<antd-icon type="ant-design-o"></antd-icon>
<antd-icon type="dashboard-o"></antd-icon>
<antd-icon :type="TwitterOutline"></antd-icon>

That's APIs are just for demo.

[IssueHuntBot]

@issuehuntfest has funded $20.00 to this issue. See it on IssueHunt

[IssueHuntBot]

@tangjinzhou has submitted a pull request. See it on IssueHunt

[IssueHuntBot]

@tangjinzhou has rewarded $14.00 to @tangjinzhou. See it on IssueHunt

• 💰 Total deposit: $20.00
• 🎉 Repository reward(20%): $4.00
• 🔧 Service fee(10%): $2.00

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.