Favicons are small icons that are being often displayed in the browser address bar, stored with bookmarked pages, etc. You should only use the officially approved favicons.
Add the following lines to the <head> section of your page:
<link rel="apple-touch-icon-precomposed" href="http://cdn.wfp.org/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="180x180" href="http://cdn.wfp.org/apple-touch-icon-180x180-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="http://cdn.wfp.org/apple-touch-icon-152x152-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="http://cdn.wfp.org/apple-touch-icon-120x120-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="http://cdn.wfp.org/apple-touch-icon-76x76-precomposed.png" />
<link rel="icon" sizes="192x192" href="http://cdn.wfp.org/192-192.png">
<link rel="shortcut icon" sizes="76x76" href="http://cdn.wfp.org/favicon.ico" />