The website cannot be opened

例如使用iconicons5 antd等的图标，由用户自己选择

服务端返回对应字符串， 例如 “Add”

如何根据服务端返回的字段进行动态加载图标?

Can't the color be changed by css ? by applying css on the component itself ?

Awesome work on this! Interesting to see the usage of different icons types!

This project seems to included 7 iconsets, which I think it's already great. I also do understand adapting more icon libraries would require much more effort. So instead of requesting for new icon collections support, how about considering use Iconify's collection as the data source?

https://github.com/iconify/collections-json

@cyberalien has working really hard on collecting over 90+ icon collections into a uniformed json collection.

On top of Iconify, I also built a few tools you might be interested

• Icones - Icons explorer
• vite-plugin-icons
• vscode-iconify
• purge-icons
• Blog post - Journey with Icons

That said, I would be love to see this project adapting to reuse Iconify's collection to support much more icon collections with less effort. While providing a unified ecosystem and developer experience.

Thanks!

Example
in vue3 render function
I want to render different icons in real time through strings

const test: object[] = [
    {
        key: 'xcionsComponentName'
    },
    {
        key: 'xcionsComponentName2'
    }
]

I want to use key or other variable names to control the display xicons svg

Could you please add some Chinese Website logos?
such as :

• Bilibili
• Gitee

And as well, the Groovy programing language

The site xicons.org is not always accessible from my ISP, may I get access to the site repository and host it on my machine?

打包环境

Vue3 + vite2 + naive ui 2.15.x

依赖版本

错误截图

打包期望

正常打包，无报错

Some Icons e.g.:

Are not exported in the node modules.

I use ionicons5 for a project I am working on and I have found your icon library really useful! Thank you for your work on this. As the title states, this is to request adding icons for Google's Go programming language and Microsoft DotNet framework.

您好，还是我。。。
场景：多语言切换可能需要国旗
请考虑：

• https://flagicons.lipis.dev/
  十分感谢

每个svg组件外面必须包裹一个icon组件吗？觉得很繁琐，能不能icon组件的功能合并到svg组件里面去
单独使用svg组件好像也是可以的，可能没有全局的样式

Hello,
some fluent icons are missing, for example "NumberSymbolSquare24Regular", there's a planned update?

Thank you for the great work!!

There are so many icon vendors, that's great. But sometimes we need to customize our own icon by introducing svg file from UI designer, it's seems there's not docs about it.

代码如下：

<!-- App.vue -->
<script setup lang="ts">
import { NButton, NIcon } from 'naive-ui'
// 语法提示加载缓慢
import { ErrorFilled } from '@vicons/material'
// 无问题
// import ErrorFilled from '@vicons/material/ErrorFilled'
</script>

<template>
  <NIcon :component="ErrorFilled" />
  <NButton>确定</NButton>
</template>

在 NButton 上键入属性（如 style，type 等）语法提示会加载较长时间，是否有办法优化？

环境： Windows 10 + VSCode 1.68.0 + Volar 0.37.6

需求是在ECharts中使用图标库，但是ECharts的图标引入方式比较奇怪：Documentation - Apache ECharts。

大致有如下三种：

• image://http(s)://...
• image://data:image/...
• path://...

@sicons提供的svg文件无法很好地配合第一种情况使用，因为路径拼接之后，打包工具不认。

所以希望能够提供一个导出svg路径为string的功能，以配合第三种情况使用。

Im using Vue 3, their is something wrong with the antd icons. It has error.

import ExportOutlined from '@vicons/antd/ExportOutlined';

export default defineComponent({
    components: {
        ExportOutlined,
    },
})

This is the error

I have an existing vite project with @ricons/material and @ricons/antd as devDependencies, and when I ran tsc --diagnostics command , here's the result:

Files:             12372
Lines:            218414
Identifiers:      345716
Symbols:          198770
Types:             16247
Instantiations:    79425
Memory used:    2166158K
I/O read:          0.55s
I/O write:         0.00s
Parse time:        3.74s
Bind time:         1.08s
Check time:        1.10s
Emit time:         0.00s
Total time:        5.91s

Then I added the @ricons/fluent to devDependencies, imported an icon from the library, and then re-ran the command again, here's the result:

Files:             22443
Lines:            268767
Identifiers:      486698
Symbols:          249123
Types:             16248
Instantiations:    79425
Memory used:    3877564K
I/O read:          1.91s
I/O write:         0.00s
Parse time:       10.67s
Bind time:         3.06s
Check time:        4.51s
Emit time:         0.00s
Total time:       18.25s

We can see that with the new icon package added to the devDependencies, the tsc program had to use much more memory than before. How can we resolve it?

你好，我是 Windows10 系统，没办法使用 ulimit 命令，我在引入 material 图标的时候一直不成功

之后换成引用 fa 图标就可以了，我看到 material 文件夹下有 21118 个项目，是否可以考虑优化一下文件数量以防止这个问题的出现，或者说这个问题不是文件数量太大导致的？

Console output shows warnings about invalid properties:

• 'Warning: Invalid DOM property stroke-linecap. Did you mean strokeLinecap?'
• 'Warning: Invalid DOM property stroke-linejoin. Did you mean strokeLinejoin?'
• 'Warning: Invalid DOM property stroke-width. Did you mean strokeWidth?'
• ...etc.

So that these warnings are not shown, I suppose in the script for generating react components we need to convert all attributes into camelCase

Hi all,

thanks for maintaining this library! It would be great is we can enable tree shaking for the imports.

What is missing and how would an implementation look like?

Thanks

咨询一下，这个怎么在html里面引入以及使用呀？就是不使用npm

大佬, 可以添加一个 gitee 的图标么

报错信息如下：

No required version specified and unable to automatically determine one. Unable to find required version for "vue" in description file (/home/web/node_modules/.pnpm/@[email protected]/node_modules/@vicons/ionicons5/package.json). It need to be in dependencies, devDependencies or peerDependencies.

"nuxt": "^3.5.1"
"@css-render/vue3-ssr": "^0.15.12",
"@vicons/ionicons5": "^0.12.0",
"naive-ui": "^2.34.4",

在SSR模式下，通过NaiveUI的<n-icon>标签引入时报错，页面提示Body is unusable，控制台出现警告

[Vue warn]: Component LayoutLoader is missing template or render function.

Heyho,

What would it take to integrate Phosphor icons? Happy to help! But just by skimming over the code, I'm not 100% sure I get how it works.

Cheers,
Luka

可以单独提供一个开箱即用的国内网站吗？哪怕拿下来直接启动一下能看就行啊

You can see from the picture above that some svg icons are not show on preview site https://www.xicons.org. There is no children content under the dom.

While the icons which display properly do have contents under the dom.

我想把iconfont的一些图标能够自己做个图标集合来供项目使用，请问能提供下制作方法么？

just like this when the task was almost over

问题：

在一个项目里，唯独@vicons/ionicons5找不到模块，但是运行时正常，能够正常渲染图标

import { Video48Regular, VideoOff48Regular, Video48Filled } from '@vicons/fluent';
import { VideocamOutline } from '@vicons/ionicons5' // 找不到模块“@vicons/ionicons5”或其相应的类型声明。
import { MdVideocam } from '@vicons/ionicons4'
import { VideoCameraOutlined } from '@vicons/antd'
import { PhotoVideo } from '@vicons/fa'
import { FeaturedVideoOutlined } from '@vicons/material'
import { VideoOff } from '@vicons/tabler'
import { VideoAdd } from '@vicons/carbon'

Given the current nature of how many icons exist within each sub-package, it'd be nice to have support to auto-import icons using antfu/unplugin-auto-import.

Normally it'd be pretty easy to add a custom resolver, however due to the icons not having naming prefixes, my guess is the best bet is generating a resolver for each package, that includes the list of importable icons.

The benefit in doing so, if folks use unplugin-auto-import, is that they no longer need to import any icons, and only the referenced icons are actually bundled.

Thoughts?

能不能单个图标导入??每次都需要编译很久

what version is the fontawesome in this package?

可否新增自行添加图表的功能呢？
让UI设计完的svg批量导入到xicons中本地引用图标。
并且可以使这些图标能享受到xicon的API，方便对其进行管理。

react specifies that component properties must be humped

i don't found icon "≈" this icon?

The icons for carbon and tabler are the same.
I believe this issue is caused by a typo on this line:

I think it should say carbon insted of tabler

内网环境，查阅图标比较不方便， 官网怎么在本地部署呢？

如题

上一次构建是在代码中引入的情况下，而下一条删除了引入，成功的构建。

在使用了rollup设置中的"useFsEvent"后，在Windows上仍然构建失败。