Customize icon for “Add to home screen”

I want to specify the icon that shows in the home screen. How can i do that?

You can use <link rel="apple-touch-icon" sizes="128x128" href="niceicon.png"> (yes, even for Android device).

Please check iOS document for detail information on Apple devices. Please note you can even define icon for the entire website.

Please check Android document for detail information on Android devices. If <link rel="apple-touch-icon" sizes="128x128" href="niceicon.png"> does not work, you can try <link rel="icon" sizes="192x192" href="nice-highres.png">, which is the recommended method in Android.

Are there any alternatives that simulate this default option in web browsers?

You can check http://cubiq.org/add-to-home-screen for an alternative. “add-to-home-screen” will show an overlaying message encouraging user to add the web app to the homescreen.

Note: Thanks to adam0404’s comment, cubiq.org link is broken now. Fortunately, the “add-to-home-screen” library was uploaded to GitHub, please check https://github.com/cubiq/add-to-homescreen

Related Posts:

  1. How to add a browser tab icon (favicon) for a website?
  2. Open source social media icons to download and use on website? [closed]
  3. CSS calc width and height values
  4. HTML encoding issues – “” character showing up instead of ” “
  5. Center image using text-align center?
  6. Can I force a page break in HTML printing?
  7. count(): Parameter must be an array or an object that implements Countable error in php
  8. How do I vertically align text in a div?
  9. Hide scroll bar, but while still being able to scroll
  10. HTML 5: Is it
    ,
    , or
    ?
  11. How can I center text (horizontally and vertically) inside a div block?
  12. Draw Circle using css alone [duplicate]
  13. How to get a tab character?
  14. What is the difference between
    and
  15. Adding a background image to a
  16. Center-align a HTML table
  17. Is there any way to change input type=”date” format?
  18. How to center a “position: absolute” element
  19. How to run python script in HTML?
  20. CSS Display an Image Resized and Cropped
  21. How do I make a placeholder for a ‘select’ box?
  22. Javascript: getElementById vs getElementsById (both works on different pages)
  23. localhost/test.php returns nothing
  24. CSS color vs. background-color vs. background?
  25. Getting “Failed to load resource: net::ERR_FILE_NOT_FOUND” when trying to load a background image
  26. CSS: background-color only inside the margin
  27. Stretch background image css?
  28. Set cellpadding and cellspacing in CSS?
  29. WebForms UnobtrusiveValidationMode requires a ScriptResourceMapping for ‘jquery’. Please add a ScriptResourceMapping named jquery(case-sensitive)
  30. Disable Scrolling on Body
  31. CSS Background Image Not Displaying
  32. How to give the background-image path in CSS?
  33. How to overlay image with color in CSS?
  34. CSS Background image not loading
  35. Outline radius?
  36. How to call a JavaScript function within an HTML body
  37. right align an image using CSS HTML
  38. CSS Background Image Not Displaying
  39. Show/hide ‘div’ using JavaScript
  40. html not linking css
  41. Removing border from table cells
  42. Check a radio button with javascript
  43. How do you give iframe 100% height
  44. HTML Display Current date
  45. Error: The requested URL “[no URL]”, is invalid
  46. How to get CSS to select ID that begins with a string (not in Javascript)?
  47. Hidden property of a button in HTML
  48. Setting table row height
  49. How do I disable the resizable property of a textarea?
  50. Is there any reason for using WebGL instead of 2D Canvas for 2D games/apps?
  51. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  52. Why is colspan not applied as expected
  53. Document Root PHP
  54. How to align 3 divs (left/center/right) inside another div?
  55. Align an element to bottom with flexbox
  56. How can I change the thickness of my
    tag
  57. jquery – how to show a hidden div
  58. How to create spoiler text?
  59. How do I horizontally center a table in Bootstrap
  60. How do I center text in a span?
  61. text-align justify not working
  62. Best way to center a
  63. Find out whether radio button is checked with JQuery?
  64. Display text on MouseOver for image in html
  65. How to make a div 100% height of the browser window
  66. How to resize an image to fit in the browser window?
  67. HTML / CSS table with GRIDLINES
  68. How to embed a Google Drive folder in a website
  69. Pure HTML Back Button
  70. Display text on MouseOver for image in html
  71. Layout a flex box similar to a table?
  72. html : iframe not showing content in html
  73. How can I capture the right-click event in JavaScript?
  74. In which directory do I find the HTML file of my wordpress pages?
  75. How can I publish Word files to a WordPress blog without losing the footnotes?
  76. Preserve white-space in Page
  77. How do we remove mystical [X] from text? Image included
  78. How can I set different html lang attribute for different countries?
  79. Add Attribute to p Tag of Post Content
  80. custom html in page change in browser
  81. Add Adsense to a website but the server responds with error 510 [closed]
  82. Can’t save any WordPress post with the html tag in it
  83. remove string: ‘custom content…’ from every page
  84. How to disable escaping html chars in wordpress?
  85. Whitespace Before Doctype
  86. html entities occur in the_excerpt used as meta description
  87. Allow Access To Subfolder Of HTML For Logged In Visitors
  88. Removing Line Break Tags from a Page
  89. Insert data through a script directly in the db
  90. Using Tags Instead of Categories for site structure
  91. Use Mail-Tag from Contac Form 7 in a script
  92. Line break before headings () appears from nowhere
  93. Tidy HTML formatting in Gutenberg HTML blocks
  94. Unable to autoplay and loop a cinemagraph from Imgur
  95. standard callback function for wp_list_comments
  96. How to replace a specific html tag in bulk?
  97. Inserting code into a page just shows raw HTML
  98. How can I insert a disclaimer in a WordPress site?
  99. How to play a video after the end of another one via link?
  100. Moving from Microsoft Front Page 2003 to WordPress

Leave a Comment