Перейти к содержимому

Иконки

Отличный способ использовать иконки — определять их исключительно через CSS. Iconify предлагает поддержку многих популярных наборов иконок, которые можно подключать через CSS. Этот метод также можно использовать с популярными CSS-фреймворками, применяя плагин Iconify для Tailwind CSS или UnoCSS. В отличие от библиотек на основе Svelte-компонентов, здесь не требуется импортировать каждую иконку в ваш файл .svelte.

Существует множество библиотек иконок для Svelte. При выборе библиотеки иконок рекомендуется избегать тех, которые предоставляют отдельный .svelte-файл для каждой иконки, так как такие библиотеки могут содержать тысячи .svelte-файлов, что сильно замедляет оптимизацию зависимостей в Vite. Это особенно проблематично, если иконки импортируются как через общий импорт, так и через подпути как описано в FAQ vite-plugin-svelte.