How to make custom iPhone widgets and app icons with iOS 14

ios 14 change home screen custom widgets app icons
(Image credit: Future)

In iOS 14, Apple introduced support for home screen widgets, meaning as an iPhone user you can tailor everything you want to see on your home screen. But do you know how to make custom widgets and app icons for your iPhone?

While Apple has provided pre-made widgets for several of its native apps, there are plenty of third-party apps in the App Store designed for helping users with their iPhone home screens. Some apps even support theme creation, prompting people to share their Avatar the Last Airbender, Animal Crossing and Microsoft Paint-inspired layouts. 

Users are certainly getting crafty, but they’re not doing it alone. The hot app for making custom widgets is called Widgetsmith. In fact, Widgetsmith’s personalized widgets and a little familiarity with iOS shortcuts are all you’ll need to start customizing your iPhone home screen. 

Of course, there’s no need to transform your iPhone displays into a meticulously coordinated theme. (Although these iOS 14 home screen ideas might inspire you.) But if you want to show love to your favorite sports team or fandom, or just crave an aesthetically-pleasing presentation, we’ll show you how to make custom widgets and app icons for your iPhone’s home screen. 

How to make custom iPhone widgets in iOS 14 with Widgetsmith

How to make custom iPhone widgets

(Image credit: Future)

Wondering how to make the custom iPhone widgets you’re seeing all over social media? You won’t find them in Apple’s widget library. Instead, you’ll need to download Widgetsmith. Widgetsmith is free, although you can pay $1.99 per month or $19.99 per year for Widgetsmith Premium, which supports hosted data sources (like the weather and tidal information) and exclusive widget styles.

The free version of Widgetsmith offers widgets for your calendar, clock, reminders, activity (via Apple Health) and photos.

1. Open Widgetsmith on your iPhone. Choose whether you want to make a small, medium, or large widget. For reference, the small square widget is the size of 4 apps, while the large square widget is the size of 16 apps. The rectangular medium widget is the same size as 8 apps. 

2. Click on the widget size you want. If you click on ‘Add Small Widget’ or ‘Add Medium Widget’ it will just duplicate the preset generic widget. Be sure to click on the image icon or ‘[Widget size] #1.’

How to make custom iPhone widgets

(Image credit: Future)

3. Rename the widget to reflect its contents. For example, we’ll make a date widget and name the widget accordingly. 

How to make custom iPhone widgets

(Image credit: Future)

4. Click on the widget icon to begin customizing its purpose and appearance. We’re sticking with a date, but you can choose from time photos, custom text (say, for a motivational quote), calendar, reminder, activity and astronomy widgets, too. Weather and tide widgets require Widgetsmith Premium. 

How to make custom iPhone widgets

(Image credit: Future)

5. Customize your widget font, tint, background color and border color. There are several style options to choose from. If you’re going with a theme, try to match the aesthetic.

How to make custom iPhone widgets

(Image credit: Future)

6. Click save and return to your iPhone home screen.

How to make custom iPhone widgets

(Image credit: Future)

7. Long press on an app icon or your wallpaper. Click the plus icon in the top left corner of your iPhone display to open the widget menu. Select Widgetsmith from the widget menu.

How to make custom iPhone widgets

(Image credit: Future)

8. Swipe left or right and select 'Add Widget' depending on what size widget you want to add (this should reflect the widget you made within the Widgetsmith app). Click done in the top right corner.

How to make custom iPhone widgets

(Image credit: Future)

9. Long press your new widget. Click ‘Edit Widget.’

How to make custom iPhone widgets

(Image credit: Future)

10. Select the name of the widget you made. Keep in mind this will only work if the size widget you added reflects the size widget you customized in the Widgetsmith app.

How to make custom iPhone widgets

(Image credit: Future)

You should see your customized widget on your iPhone home screen. The steps above work for making all kinds of widgets, and there is no limit to how many widgets you can make with Widgetsmith.

How to make custom iPhone app icons in iOS 14 with shortcuts

(Image credit: Future)

Now that you have your widgets to your liking, you can make custom icons for all the apps on your iPhone. This means you can replace anything from the Facebook or TikTok logo to the icons of Apple’s native Settings or Mail apps with images of your choosing. Bonus points if you pick a collection of pictures that match.

Gather all the images you want to use to make your custom iPhone app icons. We’re going to use Apple’s Shortcuts tool.

1. Open Shortcuts on your iPhone. It’s one of the pre-installed Apple apps on your iPhone.

2. Click the plus ‘+’ sign in the top right of your screen.

How to make custom iPhone app icons

(Image credit: Future)

3. Search for apps and actions.

How to make custom iPhone app icons

(Image credit: Future)

4. Search ‘open app’ and click ‘Open App’ from the Actions menu.

How to make custom iPhone app icons

(Image credit: Future)

5. Click ‘Choose.’ Search for the app you want to make a custom icon for. We’re using TikTok.

How to make custom iPhone app icons

(Image credit: Future)

6. Click the ellipses ‘...’ sign.

How to make custom iPhone app icons

(Image credit: Future)

7. Click Add to Home Screen.

How to make custom iPhone app icons

(Image credit: Future)

8. Type in the name of the app and select the icon next to the text field to change the image.

How to make custom iPhone app icons

(Image credit: Future)

9. Select ‘Choose Photo’ and choose a photo from your photo app. Select choose once you’ve cropped it to a square. 

10. Click ‘Add’ to add your new icon to your iPhone home screen. It will appear in the first free space on your home screen. 

How to make custom iPhone app icons

(Image credit: Future)

Repeat the steps above for every app icon you want you customize. You can then add the original apps to a different folder or home screen and hide that home screen. Whenever you click on your new custom icons, Shortcuts will redirect you to the app you assigned.

Kate Kozuch

Kate Kozuch is the managing editor of social and video at Tom’s Guide. She covers smartwatches, TVs and audio devices, too. Kate appears on Fox News to talk tech trends and runs the Tom's Guide TikTok account, which you should be following. When she’s not filming tech videos, you can find her taking up a new sport, mastering the NYT Crossword or channeling her inner celebrity chef.