![app icon for website app icon for website](https://cdn5.vectorstock.com/i/1000x1000/77/19/compass-icon-pictograph-for-website-or-mobile-app-vector-30667719.jpg)
![app icon for website app icon for website](https://thumbs.dreamstime.com/z/shark-icon-filled-shark-icon-website-design-mobile-app-development-shark-icon-filled-diving-collection-isolated-157815263.jpg)
Here you can give the shortcut a name that will allow you to quickly recognise the website.ĥ. Next, tap the words 'Add to Home screen'.Ĥ. This will display the browser’s dropdown menu.ģ. The first step is to tap the three vertical dots positioned to the right of the address bar. As for iPhone above we will demonstrate using the Obooko homepage.Ģ. Open your Chrome browser at the website homepage (or internal page) of your choice.
App icon for website android#
As you would usually do, simply hold down and drag the icon to wherever you want it to appear on the home-screen.Īdding a shortcut to your Android phone using Google Chromeġ.
![app icon for website app icon for website](https://thumbs.dreamstime.com/z/robot-icon-filled-robot-icon-website-design-mobile-app-development-robot-icon-filled-artificial-intelligence-robot-155362555.jpg)
This will place the icon, which will be styled just like native app shortcuts, to your home-screen. Finally, move to top right and tap the word 'Add'.
App icon for website free#
We could use Free Ebooks or, as in this case, the brand name OBOOKO.ĥ. The title is a short description of the website, which can be changed to a single word or a couple of short ones. The Obooko icon and the title of the webpage will now be displayed. You will now see a panel where you will find, bottom right, a plus-sign with the words 'Add to Home Screen'. Next, go to the foot of your iPhone screen and tap the 'Share' button, which is the square icon with an arrow pointing upwards.ģ. Open your Safari browser and enter the url (web address) for the page you would like to create a shortcut in this case the homepage of 2. The first image shows you where to look to check if a website has a favicon, which is usually located in the tab above the address-bar.Ĭreating a shortcut for your iPhone or iPad using Safariġ. We've included some screenshots to assist you. The following steps are for adding a website shortcut icon to the home-screen of your Apple iPhone (or iPad) or Android phone. While each browser has its own steps for performing this task, we have selected the most popular, Safari and Chrome. Under the hood, in the Obooko website's html code, there is a set of links to these 'touch icons' at different sizes ready to be accessed and downloaded to your particular phone or browser. The methods we'll show you will also work for any website that has a favicon. Now you can have a larger version of this symbol to display on your phone's home-screen: it will look just like regular native app icons and will take you straight to the Obooko homepage to pick up some great free reads. See that small orange square with a white 'O' in the centre? It's called a Favicon and is the brand symbol that's usually used for bookmarking and saving to your social profiles. But for phones it's useful to have a dedicated icon, just like the ones you are used to seeing.įor instance, on your desktop, laptop or tablet browser, take a look at the icon that appears on the tab at the top of the Obooko homepage. This way you will be able to access your favourite sites with a quick tap just as you would with an app icon.įor your desktop or laptop computer you will probably be satisfied using browser toolbar bookmarks, which will display the icons of your favourite sites. Your phone's home-screen isn't just for apps, you can also add shortcut icons to websites.