Repository navigation
How to use the Rendering only visible icons feature of the Iconify web component? #397
Description
Hello, how do I use the Rendering only visible icons feature of the Iconify web component? I'm using animated icons and want the animation to restart each time they enter the viewport
https://iconify.design/docs/iconify-icon/#rendering-only-visible-icons
Activity
cyberalien commentedon May 19, 2025
Nuxt Icon uses Vue component, which doesn't have that function.
What you can do is create a wrapper. Use IntersectionObserver to check if icon is visible, render it if visible, render placeholder (you need to render something to attach observer to) if not.