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 setslocal-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 fileswriteIconifyJSONs
to write corresponding JSON files and SVG icons preview HTMLsloadFigmaIconSets
=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
- unplugin-iconify - Unplugin for iconify.
npm run build
npx changeset
npx changeset version
git commit
npx changeset publish
git push --follow-tags