When used directly in the browser, the icon cannot be parsed

[xjfnet]

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

Version

2.2.2

Environment

Window 10, Edge 91.0.864.70, Vue 3.1.5, ant-design-vue 2.2.2

Reproduction link

https://www.example.com/#我认为不需要提供重现代码，很简单就能说清楚，请稍微耐心点看下面的说明

Steps to reproduce

这个问题，我认为不需要提供重现项目，很简单就能说清楚，如下：
不创建项目，不使用cli，npm等，不编译，不打包，（不要问为什么，能在浏览器直接运行，难道不应该是标配吗？），直接手写一个html，引入css，js，按官方的例子在 html 中写一个 Layout，然后用浏览器打开，按钮等等都能正常工作，图标不能显示，控制台中出现不能解析图标组件的警告
vue.global.min.js:1 [Vue warn]: Failed to resolve component: user-outlined
vue.global.min.js:1 [Vue warn]: Failed to resolve component: video-camera-outlined
后面还有好多条，都是关于图标的，除图标外的其它组件都能正常工作

What is expected?

直接在浏览器中使用的情况下，能显示图标的办法

What is actually happening?

直接在浏览器中使用的情况下，图标无法解析

[xjfnet]

暂时没有官方的解决方案，自己先弄个基本能用。
简单记录如下：
1、去官方的github图标仓库，里面有所有的svg，下载下来
2、把所有的svg，合并成字体文件，或者合并成svg spirit
合并成字体文件，有个网站可以在线合并
合并成svg spirit，没找到好用的工具，自己写了个代码合并的
3、自己写个Vue的图标组件，引用合并后的字体文件或者svg spirit，用svg spirit要好些，毕竟官方用的svg
4、用自己写的图标组件显示图标