feature: Disable optimized sprites

[preetamslot]

What version of astro-icon are you using?

No response

Astro Info

latest

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When I use the same icon multiple times, but the first icon is in a vue component that transforms the icon, all icons are affected.

example. Social icons in a hidden menu, Now footer social icons only show when the menu is open (visible).

Arrow icon in faq, all icons rotate when the first faq item is open.

What's the expected result?

I would like that the sprite is not affected by the state of the first icon OR that I can disable optimized sprites for an icon.

Link to Minimal Reproducible Example

https://

[hrvstr]

This is already possible with the is:inline directive.

#200