You can wrap the icon prop inside an object:

import { HomeIcon } from '@heroicons/react/24/outline';

function TargetComponent({ icon }){

    const iconObj = { icon };

    return <iconObj.icon />
}

function ParentComponent () {
    return <TargetComponent icon={ HomeIcon } />
}