Feature: generate static css icon

[robokozo]

Clear and concise description of the problem

I've read https://antfu.me/posts/icons-in-pure-css and I recently watched the @antfu nuxt nation presentation around icon loading strategies and was disappointed to learn I wouldn't be able to leverage css icons on an icon heavy work project because it doesn't use unocss.

I understand from this https://github.com/unplugin/unplugin-icons/issues/331 that this type of work is considered out of scope for this particular project, but seeing as there was already a PR for this feature and per @userquin suggestion on https://github.com/unplugin/unplugin-icons/issues/88 I'd like to reopen this discussion. I still think there is general interest in having this feature merged in.

Suggested solution

It seems a lot of work went into attempting to include this functionality originally in https://github.com/unplugin/unplugin-icons/issues/88

Or maybe some documentation around how this can be achieved in vue/react/etc without a specific css framework.

Alternative

N/A

Additional context

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[antfu]

I believe this feature would be better fit into a separate plugin - Iconify already provides a few utilities to generate CSS icons easily - feel free to take the idea and make your own project. If you end up using unplugin and has a solid code base, we'd be happy to discuss if moving into organizations and collaborate, etc.