Icons

CSS

アイコンの利用において、優れた手法のひとつが CSS を用いて定義する方法です。Iconifyは 多くの人気アイコンセット をサポートしており、CSSで組み込むことができます。この方法は、Iconifyの Tailwind CSS プラグイン や UnoCSS プラグイン を活用することで、人気のCSSフレームワークと組み合わせて使うことも可能です。Svelteコンポーネントベースのライブラリとは異なり、各アイコンを .svelte ファイルにインポートする必要がありません。

Svelte

Svelte用のアイコンライブラリ は数多くあります。アイコンライブラリを選択する際は、アイコンごとに .svelte ファイルを提供するものは避けることをお勧めします。これらのライブラリは数千の .svelte ファイルを持つ可能性があり、Viteの依存関係最適化 を大幅に遅くしてしまいます。これは vite-plugin-svelteのFAQで説明されている ように、アイコンを umbrella import と subpath import の両方で読み込んでしまうことで、パフォーマンスの問題が顕著になる可能性があるためです。