Shortcut icon to IOS devices

I tried adding all the apple icons to the root directory as well as the favicon to the themes directory. And redployed tomcat but I cannot see shortcut icon of my web page on IOS devices as a webclip.

I followed Specifying a Webpage Icon for Web Clip from the below

https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Also I added the following lines to my code.

    TouchKitSettings s = getTouchKitSettings();
    s.getWebAppSettings().setWebAppCapable(true);
    String contextPath = getServletConfig().getServletContext().getContextPath();
    s.getApplicationIcons().addApplicationIcon(contextPath + "/VAADIN/themes/mytheme/apple-icon.png");

Am I missing something?

Maybe you find something here:
https://vaadin.com/forum#!/thread/8694781