How to set size of child element?

I have this component:

export function NavigationBarItem(props: { icon: JSX.Element }) {
  return <div class="m-4 h-8 w-8">{props.icon}</div>;
}

export function NavigationBarItem(props: { icon: JSX.Element }) {
  return <div class="m-4 h-8 w-8">{props.icon}</div>;
}

export function NavigationBarItem(props: { icon: JSX.Element }) {
  return <div class="m-4 h-8 w-8">{props.icon}</div>;
}

export function NavigationBarItem(props: { icon: JSX.Element }) {
  return <div class="m-4 h-8 w-8">{props.icon}</div>;
}

How do I set the icons size?