How to Add an Icon to Your Home Screen (iPhone, Android & Desktop)

Adding an icon to your home screen sounds simple — and often it is. But the exact steps depend heavily on which device you're using, which operating system version you're running, and what kind of icon you're trying to add. An app shortcut, a website bookmark, and a custom icon all behave differently, and the path to adding each one varies across platforms.

Here's a clear breakdown of how it works across the most common setups.

What "Adding an Icon" Actually Means

Before diving into steps, it helps to understand that "home screen icon" can refer to a few different things:

• App shortcuts — icons for installed apps moved or pinned to your home screen
• Website shortcuts — a bookmark saved as a home screen icon that opens a site in your browser
• Custom icons — replacement icons for existing apps, often used for aesthetic personalization
• Widget shortcuts — tappable elements that aren't traditional icons but behave similarly

Each type is added differently, and not every platform supports all of them natively.

How to Add an Icon on iPhone (iOS)

Adding an App to Your Home Screen

If you've downloaded an app but can't find it on your home screen, it may be tucked inside the App Library (introduced in iOS 14). To bring it to your home screen:

1. Swipe left past all home screen pages to reach the App Library
2. Find the app, then press and hold its icon
3. Tap "Add to Home Screen"

You can also long-press any empty area of your home screen to enter jiggle mode, then use the "+" button in the top corner to browse and add apps.

Adding a Website Shortcut on iPhone

1. Open Safari and navigate to the website
2. Tap the Share button (the box with an arrow pointing up)
3. Scroll down and tap "Add to Home Screen"
4. Edit the name if you want, then tap "Add"

The icon will appear on your home screen and open the site in Safari when tapped. Note: this feature works best in Safari — Chrome and other browsers on iOS handle this differently or don't support it natively.

Custom Icons on iPhone

iOS doesn't natively support swapping app icons without developer involvement, but the Shortcuts app offers a workaround:

1. Open the Shortcuts app
2. Create a new shortcut that opens the desired app
3. Tap the shortcut's settings and choose "Add to Home Screen"
4. Select a custom image as the icon

The trade-off: tapping a Shortcuts-based icon briefly opens the Shortcuts app before launching the target app. It's a cosmetic workaround, not a native feature.

How to Add an Icon on Android 📱

Android is more flexible by design, but the exact steps vary depending on your device manufacturer (Samsung, Google Pixel, OnePlus, etc.) and Android version.

Adding an App to Your Home Screen

Most Android launchers let you:

1. Long-press an app in your app drawer
2. Drag it to your home screen, or tap "Add to Home Screen" from the context menu

Some launchers also let you long-press an empty area of the home screen and tap "Widgets" or "Apps" to browse and add icons from there.

Adding a Website Shortcut on Android

In Chrome (the most common Android browser):

1. Open the website you want to save
2. Tap the three-dot menu (top right)
3. Select "Add to Home Screen"
4. Confirm the name and tap "Add"

Chrome will either add a standard bookmark shortcut or — if the site is a Progressive Web App (PWA) — install a more app-like version that can run in its own window.

Custom Icons on Android

Android natively supports icon packs through third-party launchers like Nova Launcher, Lawnchair, or others available on the Play Store. Once a compatible launcher is installed, you can apply entire icon packs or assign individual custom images to specific apps.

This is meaningfully more flexible than iOS — no Shortcuts workaround needed.

How to Add a Website Icon on Desktop (Windows & macOS) 🖥️

Using Chrome or Edge on Windows or macOS

Both Google Chrome and Microsoft Edge support installing websites as apps:

1. Open the site in Chrome or Edge
2. Click the three-dot menu
3. Look for "Save and share" → "Create shortcut" (Chrome) or "Apps" → "Install this site as an app" (Edge)
4. Choose whether to open it in its own window

This creates a shortcut on your desktop (and sometimes taskbar or Start Menu) that behaves like a lightweight app.

Adding to Windows Taskbar or Desktop Manually

For traditional desktop shortcuts, you can right-click the desktop → New → Shortcut, enter a URL or file path, and assign a custom .ico file as the icon through the shortcut's properties.

The Variables That Change Everything

The method that works smoothly on one device may not exist or require workarounds on another. An Android user with a custom launcher has significantly more native flexibility than an iPhone user trying to use non-Safari shortcuts. A desktop user on Edge will find website-to-app installation more integrated than one using Firefox, which has largely removed that feature.

Your specific combination of device, OS version, browser, and what you're actually trying to pin to your screen determines which of these paths is available to you — and how seamless the result will be.