Questions tagged [apple-touch-icon]

`apple-touch-icon` is an iOS-specific custom kind of icon which users can display on their Home screens using the `Web Clip` feature

apple-touch-icon is an iOS-specific custom kind of icon which users can display on their Home screens using the Web Clip feature.

The icon file referenced by apple-touch-icon is modified to add rounded corners, drop shadow, and reflective shine. Alternatively, an apple-touch-icon-precomposed icon may be provided to instruct devices not to apply reflective shine on the image.

79 questions
3
votes
1 answer

Is there a service that provides apple-touch-icon from website like Google offers favicons?

For years I've used this neat little unpublished Google service for retrieving favicons from websites. http://www.google.com/s2/u/0/favicons?domain=stackoverflow.com This allows me to create icons for
  • tags and such when listing URLs. I was…
  • jrue
    • 2,522
    • 4
    • 19
    • 25
    2
    votes
    0 answers

    React native progressive web app apple-touch-icon not rendering? (using expo)

    I'm having trouble getting the apple-touch-icon to render for a react native progressive web app built with expo. As noted in https://docs.expo.dev/guides/progressive-web-apps/, expo automatically generates the progressive web app assets, and they…
    2
    votes
    1 answer

    How to get iOS to properly respect the "apple-touch-icon-precomposed" link attribute for a "web app"

    I have created several web apps for iOS that employ the apple-touch-icon-precomposed link attribute method for custom home screen icons without the gloss. However, I have run into an issue recently, where, after adding the home screen bookmark and…
    jsejcksn
    • 27,667
    • 4
    • 38
    • 62
    2
    votes
    2 answers

    Mobile Touch Icon

    I want to have different touch icons in the exact size for the relevant smartphones/tablets. I tried this:
    Jonas
    • 111
    • 2
    • 13
    2
    votes
    1 answer

    Rails is showing me this message every time that I do a request, I tried putting 2 png images in the root directory but It didn't work

    Started GET "/apple-touch-icon.png" for ::1 at 2015-02-08 16:46:28 -0600 ActionController::RoutingError (No route matches [GET] "/apple-touch-icon.png"): web-console (2.0.0) lib/action_dispatch/debug_exceptions.rb:22:in `middleware_call' …
    Raphael FJ
    • 23
    • 5
    2
    votes
    0 answers

    XCode iOS : How to get 'apple-touch-icon url' in UIWebView?

    XCode iOS : How to get 'apple-touch-icon url' in UIWebView? I want to save image in web-site 'apple-touch-icon'.
    2
    votes
    1 answer

    Apple touch icon not working

    I am writing an html5 game, and trying to get an apple touch icon to work. I am testing on a non-retina iPhone 4S running ios5. The first part of my html file is: My Game
    japhyr
    • 1,710
    • 2
    • 18
    • 24
    2
    votes
    2 answers

    Android Browser after hash change no apple-touch-icon-precomposed

    I have encountered a weird thing (bug?) on Android Stock Browser and Mobile Chrome, both installed on Android ICS 4.0.3/4 (I've tested both). From reliable sources I have heard the same issue appears on Android 2.3. What I want to achieve: I…
    1
    vote
    1 answer

    Touch Icon For android

    I was checking this blog http://mathiasbynens.be/notes/touch-icons and it worked fine for iPhone , but for Android I get a weird Icon on home screen. Snapshot of Page I was viewing and in the bottom left a tiny touch icon that I added in…
    GoodSp33d
    • 6,252
    • 4
    • 35
    • 67
    1
    vote
    1 answer

    apple-touch-icon displaying shrunken on Safari Bookmark

    I have the following line in index.html that declares my apple-touch-icon file. When I attempt to add the website as a bookmark in Safari (16.3, macOS Ventura 13.2), the icon…
    1
    vote
    1 answer

    Apple touch icon not showing on mobile Phones

    I'm currently struggling to get the apple-touch-icon to appear on mobile Phones. In Safari on my Laptop, the icon is displayed as as part of the tab and in my bookmarks. On mobile phones however, it does not show up. From my research, I should be…
    araki
    • 25
    • 2
    1
    vote
    2 answers

    Dashcode web clip icon, I have tried everything and it won't show up

    I can't get my dashcode web clip icon to show up, it just shows the safari generated icon. I have tried using dashcode to design it, then I used the code I also tried adding a file named…
    Davis Gossage
    • 39
    • 1
    • 4
    1
    vote
    3 answers

    My website's apple touch icon won't update on my iPhone

    I recently added apple touch icons to my website. When I add the site to my favorites on my iPad or my wife's 4S it uses the icon. I think that's only because I had never bookmarked the site on those devices before. On my iPhone, I had previously…
    Shaun K
    • 11
    • 3
    1
    vote
    0 answers

    Symfony2 webapplication icon and assetic

    I am developing a webapplication using symfony2 as backend. I am trying to customize the aspect of the application on mobile devices. Reading IOS and Android documentation I collected the metas and links to put in the head of the page. For Android…
    1
    vote
    1 answer

    How to specify a url for Iphone web clip?

    I can specify an icon for web clip. It's Ok. So, I would like to specify my homepage url for the web clip when the visitors even add it to their home screen via sub pages. Currently,…
    Ugur Catak
    • 181
    • 1
    • 9