Use any SVG icon powered by Iconify for Tailwind CSS, easy to use local icons and figma icons in particular.
npm install tailwindcss-plugin-iconify 
Use any SVG icon powered by Iconify for Tailwind CSS, easy to use local icons and figma icons in particular.
- preprocessSets - support autocomplete for individual icon sets
- local-icon-sets extension - easy to load local assets
- Support import SVG icons directory by default
- Support import IconifyJSON path
- figma-icon-sets extension - easy to load Figma icons
TailwindCSS do not support async plugin for now, so figma-icon-sets extension you can not use directly.
But this library export related node scripts:
- importFigmaIconSets to import IconSets from figma files
- writeIconifyJSONs to write corresponding JSON files and SVG icons preview HTMLs
- loadFigmaIconSets = importFigmaIconSets + writeIconifyJSONs
> [!IMPORTANT]
> For better git auto merge, you should ignore icons.json and icons.html for code formatting.
ref: iconify.design/import/figma
I want to use _tailwind autocomplete_ for Iconify icon sets and support _local icon sets_. related issue: iconify/iconify#241
- @egoist/tailwindcss-icons
- @iconify/tailwind
- unplugin-iconify - Unplugin for iconify.
- npm run build
- npx changeset
- npx changeset version
- git commit
- npx changeset publish
- git push --follow-tags