[BUG] Icon 'logos/twitter' not found

[quenti77]

Hello,

I have an error when I tried to open the presentation.

[vite] Internal server error: Icon `logos/twitter` not found
      at generateComponent (file:///.../node_modules/unplugin-icons/dist/chunk-HR3XK7RM.js:301:11)
      at process.processTicksAndRejections (node:internal/process/task_queues:105:5)
      at async LoadPluginContext.load (file:///.../node_modules/unplugin-icons/dist/chunk-HR3XK7RM.js:418:20)
      at async EnvironmentPluginContainer.load (file:///.../node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:42264:22)
      at async loadAndTransform (file:///.../node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:35669:22)
      at async viteTransformMiddleware (file:///.../node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:37250:24)

I add vite-svg-loader and new vite.config.js with this code :

import svgLoader from 'vite-svg-loader'

export default {
    plugins: [svgLoader()],
}

In this project, I use bunjs.

Thanks for help.

[xiaoyan-sun]

Based on the error Icon 'logos/twitter' not found, this typically occurs when the unplugin-icons plugin fails to resolve the requested icon. Follow these steps to resolve it:

1. Install Missing Icon Collection
   The error indicates the logos icon set is missing. Install it with:

bash
npm install @iconify-json/logos

or with yarn

yarn add @iconify-json/logos
2. Verify Vite Configuration
Ensure vite.config.ts properly configures unplugin-icons:

ts
import svgLoader from 'vite-svg-loader'
import Icons from 'unplugin-icons/vite'

export default {
plugins: [
svgLoader(),
Icons({
compiler: 'vue3', // 根据您的框架调整
autoInstall: true, // 启用自动安装图标集
})
],
}

Hi，I encountered the same issue. After following the steps above, it appears to be resolved.

[quenti77]

Thanks for help.

I added the package @iconify-json/logos with this command :

bun add @iconify-json/logos

I change my vite.config.js file to :

import svgLoader from 'vite-svg-loader'
import Icons from 'unplugin-icons/vite'

export default {
    plugins: [
        svgLoader(),
        Icons({
            compiler: 'vue3',
            autoInstall: true,
        })
    ]
}

And it's working. You can close this issue.