icons.mdx

import { Meta, Title, Subtitle, IconGallery, IconItem } from "@storybook/blocks";

import { customIcons } from "@/assets/icons/custom"; import { heroIcons } from "@/assets/icons/heroicons"; import { networkIcons } from "@/assets/icons/networks"; import { socialMediaIcons } from "@/assets/icons/socialMedia";

import { icons, Icon } from "@/primitives/Icon";

<Title>Icons</Title> These are the icons being used in our design system. They are available as React components.

Heroicons

{heroIcons.map((icon) => ( ))}

SocialMedia

{socialMediaIcons.map((icon) => ( ))}

Networks

{networkIcons.map((icon) => ( ))}

Custom

{customIcons.map((icon) => ( ))}

All Icons

{icons.map((icon) => ( ))}