• Icon - The Icon component.

import { Icon } from "@dreamy-ui/react/rsc";

Since Dream does not provide any icons, you will want to use other icon libraries like react-icons, lucide-react or @heroicons/react.

<Icon as={FiCoffee} />

or

with asChild prop Dream will merge child component with Icon, or with asComp prop Dream will merge component with Icon.

<Icon asChild>
  <FiCoffee />
</Icon>
<Icon asComp={<FiCoffee />} />