Icons

import { Star } from '@gympass/yoga-icons';

<Star stroke="#ffc24c" width={26} height={26} />
<Star stroke="#ffc24c" width={26} height={26} />

import { Box } from '@gympass/yoga';
import { UIIcons, FlagsIcons } from '@gympass/yoga-icons';

<Box d="flex" flexDirection="column" alignItems="center" gap="small">
  <UIIcons.Favorite fill="#d8385e" width={26} height={26} />
  <FlagsIcons.FlagBrazil width={26} height={26} />

  <Box d="flex" gap="small" flexWrap="wrap">
    {Object.entries(FlagsIcons).map(([name, Component]) => (
      <Component width={26} height={26} key={name} />
    ))}
  </Box>
</Box>
<Box d="flex" flexDirection="column" alignItems="center" gap="small">
  <UIIcons.Favorite fill="#d8385e" width={26} height={26} />
  <FlagsIcons.FlagBrazil width={26} height={26} />

  <Box d="flex" gap="small" flexWrap="wrap">
    {Object.entries(FlagsIcons).map(([name, Component]) => (
      <Component width={26} height={26} key={name} />
    ))}
  </Box>
</Box>