Apple Devices:

Here are the steps to add a website icon to the home screen on an Apple Device:

1.
Open Safari:
Open the Safari browser on your iPhone or iPad.

2.
Navigate to the Website:
Go to the website for which you want to create a home screen icon.

3.
Share Button:
Tap the "Share" button at the bottom of the Safari browser. It looks like a square with an arrow pointing upward.

4.
Add to Home Screen:
In the share menu, look for and tap on the "Add to Home Screen" option. It might be in the second row of icons, so swipe to the left if needed.

5.
Name the Icon:
You will be prompted to name the shortcut. Enter the desired name for the icon.

6.
Add to Home:
Tap "Add" in the upper right corner of the screen.

7.
Icon on Home Screen:
The website shortcut with its custom icon will now appear on your home screen.

8.
Now, you can access the website directly by tapping its icon on your home screen, just like you would with any app. Please note that the steps might slightly vary depending on your iOS version.

Android Devices:

Here are the steps to add a website shortcut to the home screen on an Android Device:

1.
Open Chrome:
Open the Chrome browser on your Android device.

2.
Navigate to the Website:
Go to the website you want to create a shortcut for.

3.
Menu Options:
Tap the three-dot menu icon in the upper-right corner of the Chrome browser.

4.
Add to Home Screen:
In the menu, look for and select the "Add to Home screen" option.

5.
Name the Shortcut:

You will be prompted to name the shortcut. Enter the desired name for the icon.

5.
Add:
Tap "Add" or "Add automatically" to confirm.

7.
Shortcut on Home Screen:
The website shortcut with its custom icon will now appear on your home screen.

8.
Now, you can access the website directly by tapping its shortcut icon on your home screen, just like you would with any app. Please note that the steps might vary slightly depending on the version of the Chrome browser and the Android device you are using.