
Use any icon library in your Ember app without an addon
What if you didn't need a dedicated Ember addon to use icons. Since Ember runs on standard build tooling (Vite or webpack), you can tap into unplugin-icons directly. It gives you on-demand access to 200,000+ icons from 150+ icon sets, all loaded as components. Only the icons you import end up in your bundle. It works with both Vite and webpack, so it covers both modern and classic Ember setups. The Ember compiler landed in unplugin-icons v0.22 . Here's how to set it up. 1. Install the dependencies You need two things: the plugin itself and at least one icon set. Lucide is a solid default (clean, consistent, MIT-licensed), but you can pick whatever you want from Iconify's collection . pnpm add -D unplugin-icons @iconify-json/lucide Want multiple sets? Install them all: pnpm add -D unplugin-icons @iconify-json/lucide @iconify-json/simple-icons 2. Configure your build tool Vite (recommended) If your app uses @embroider/vite , open vite.config.mjs and add the plugin: import Icons from ' un
Continue reading on Dev.to
Opens in a new tab


