Cannot use certain pack on iconify

[CompileConnected]

So i wrap the icon into component

---
import { Icon } from "astro-icon";

export interface Props {
  title: string;
  navigateTo: string;
  iconName: string;
}
const { title, navigateTo, iconName } = Astro.props;
---

<a
  href={"#" + navigateTo}
  class="flex flex-col items-center justify-center group"
>
  <Icon
    class="w-8 h-8 mb-1 text-gray-500 group-hover:text-blue-600"
    name={iconName}
  />
  <span class="text-sm group-hover:text-blue-600">{title}</span>
</a>

when i use it like this

    <BottomItem title="Home" navigateTo="home" iconName="mdi:home" />
      <BottomItem title="Profile" navigateTo="profile" iconName="mdi:account" />
      <BottomItem
        title="Story"
        navigateTo="story"
        iconName="ic:baseline-edit"
      />
      <BottomItem title="Gallery" navigateTo="gallery" iconName="solar:gallery-linear" />

      <BottomItem title="Wallet" navigateTo="wallet" iconName="uil:wallet" />

      <BottomItem title="Test" navigateTo="test" iconName="mdi:power" />

Error: Not Found: pack "solar" but it is available on iconify

[CompileConnected]

[CompileConnected]

Sorry wrong git

[NikolaRHristov]

No problem!