Icon in web application for iOS

This article describes an icon of your web application for iOS(iPhone/iPad).

🍮 Free icons

There are a lot of free icons which are great quality like this:

Free vector icons

🏀 Icon Generator for apple products

After finding a new icon, you should generate icons within the size which Apple defined. (Icon and Image Sizes).

Free Online Favicon and Apple Icons Generator

🤔 Configure

You should add the following HTML tags in your site:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-180x180.png">

If you want to know more details, please see the official document “Configuring Web Applications“.

🖥 Recommended VPS Service

VULTR provides high performance cloud compute environment for you. Vultr has 15 data-centers strategically placed around the globe, you can use a VPS with 512 MB memory for just $ 2.5 / month ($ 0.004 / hour). In addition, Vultr is up to 4 times faster than the competition, so please check it => Check Benchmark Results!!