all icons loaded, allways

[silveltman]

I think when importing an icon, ALL icons are loaded. whenever I import 1 icon and use it in my template the HMR reload time goed from <100ms to almost 10 seconds.

Or is it something I'm doing wrong?

[silveltman]

solution, use path imports:

import Discord from 'simple-icons-astro/Discord'
import Facebook from 'simple-icons-astro/Facebook'
import Github from 'simple-icons-astro/Github'
import Instagram from 'simple-icons-astro/Instagram'
import Tiktok from 'simple-icons-astro/Tiktok'
import Twitch from 'simple-icons-astro/Twitch'
import X from 'simple-icons-astro/X'
import YouTube from 'simple-icons-astro/Youtube'

Would be a good idea to change the docs accordingly

[njs-guy]

You're a life-saver! Thanks. Had the same problem. I imported one icon and it was taking like 6 seconds to refresh the page when it was basically instant before.

[DesignSkeptic]

Same issue. Using import { Github } from 'simple-icons-astro' drastically slows load speeds. Lucid Icons import the correct way: https://lucide.dev/guide/packages/lucide-astro