## CSS

一个使用图标的好方法是通过 CSS 纯定义它们。Iconify 支持[许多流行的图标集](https://icon-sets.iconify.design/)，这些图标集[可以通过 CSS 包含](https://iconify.design/docs/usage/css/)。此方法还可以通过利用 Iconify 的[Tailwind CSS 插件](https://iconify.design/docs/usage/css/tailwind/)或[UnoCSS 插件](https://iconify.design/docs/usage/css/unocss/)与流行的 CSS 框架一起使用。与基于 Svelte 组件的库不同，它不需要将每个图标导入到您的`.svelte`文件中。

## Svelte

有许多为 Svelte 的[图标库](https://www.sveltesociety.dev/packages?category=icons)。在选择图标库时，建议避免那些为每个图标提供`.svelte`文件的库，因为这些库可能有数千个`.svelte`文件，这会真正减慢[Vite 的依赖优化](https://vite.dev/guide/dep-pre-bundling.html)。如果图标同时通过伞式导入和子路径导入[如`vite-plugin-svelte` FAQ 中所述](https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/faq.md#what-is-going-on-with-vite-and-pre-bundling-dependencies)，这可能会变得特别严重。