Environment

N/A

Is this bug related to Nuxt or Vue?

Nuxt

Version

3.0.0

Reproduction

https://ui.nuxt.com/components/input#loading-icon

Description

Both icons, the one shown in the example i-lucide-repeat-2 and the component's default prop, i-lucide-refresh-cw look bad when rotated. I think there's a lot of room for improvement, these icons aren't meant to be animated.

Luckily, there are some Lucide icons which are designed to be animated.

How about https://lucide.dev/icons/loader-circle?

Or https://lucide.dev/icons/loader?

Additional context

No response

Logs