iconsax-react: Production bundle returns all 6000 icons even when I import only 1 icon

As a dev, I would like to use iconsax library and I would like to use some of the icons, in my case, only one icon:

import { Folder } from 'iconsax-react';

...
return <Folder className={styles.icon} color={iconColor} variant="Bulk" aria-hidden />;
...

when I look at the generated bundle I expect to see one icon with the variant Bulk being generated, but instead, I see that all 6000 icons are included. This brings a lot of performance issues.

Looking at the Chrome DevTools I can see that the icons chunk takes 16 seconds to load when it is not in cache.

Solution To include in the bundle only the icons used. Maybe the import should be something like this

import Folder from 'iconsax-react/Folder';

This way, we could even use it as lazy, please have a look at my simplified code:

import React, { Suspense, lazy } from 'react';

const Folder = lazy(() => import('iconsax-react/Folder')); <--- Lazy import

...
return (
    <Suspense fallback={null}>
        <Folder className={styles.icon} color={iconColor} variant="Bulk" aria-hidden />
    </Suspense>;
)
...