How to add Favicon Icon in Next Js 13 App Router?

I am new to Next js, and I was trying to add Favicon Icon in My Webpage but i dont able to find any latest Solution to the same with App Router Nextjs 13.4 Version.

Please Help me

Here i tried Adding Head in Layout.tsx
Here
but it didnt work for me

package.json

Any solution, or any error in my code?

>Solution :

You can add like this:

export const metadata = {
  icons: {
    icon: '/icon.png',
  },
};