unplugin-icons
unocss

一旦これはこれは覚えておく。

Iconify Unplugin now supports multiple ways of rendering CSS for icons:
- Import CSS files
- CSS modules
- Embed CSS in SVG

Importing CSS files is default - it reduces duplication and keeps small class names.

CSS modules is one of options for using plugin with Next

github.com/iconify/icon...

Update to Iconify Unplugin: added option to render full SVG instead of SVG+CSS.

Why would you want that?
- To support legacy browsers if fallback icon is not available.
- Next.js - it doesn't allow css files outside of App.tsx, which sucks.

Result is similar to using Unplugin Icons

Those plugins render icons as background or mask images, you cannot control content of icons.

Iconify Unplugin renders SVG tag, but all attributes are in CSS. This way you can change SVG stuff like stroke width, color, control animations and so on.

Think of it as SVG sprites, but better.

Announcing new way of rendering icons: Iconify Unplugin.

This is heavily inspired by Unplugin Icons, but with one big difference: icons are rendered as SVG + CSS.

GitHub repo: github.com/iconify/icon...

Currently it supports components for: Vue, Svelte, React, Preact.

This is an alpha release.

unplugin-icons now natively supports ember!

In 22.5.0!

4/ Finally you can just tell Cursor to use it:

Prompt:
"Use appropriate icons from @ my-icon-lib.json (use unplugin-icons) in src/components/app-sidebar.tsx"

Thats it.

2/ unplugin-icons let me use any icon set from the iconify framework

Note, at the moment you need to setup unplugin-icons to process the `~icon/*` imports, but I'm looking to remove this requirement in the future.

github.com/techniq/svel...

✨ Svelte UX: Icon edition

Icon support has been overhauled with support for component-based icons (via unplugin-icons or others) and iconsets can be defined via settings(). Lastly, the default has changed from MDI to Lucide.

This is the first of many upcoming Svelte UX improvements. Stay tuned!

Just improved the code block on my website with `shiki` and `unplugin-icons`, what do you think?

#svelte #shiki #unplugin-icons #webdev

You could make it importable from '~svelte-docgen:some/file/path.svelte', a bit like unplugin-icons work.

github.com/unplugin/unp...

Can't find a good icon on unplugin icons to show that a magic ai is loading ✨ 🤔

Released `unplugin-icons` v0.20.1 with @rspack.bsky.social support:

github.com/unplugin/unp...