Skip to main content

How to make a Material You adaptive icon pack with Icon Pack Studio

We can go beyond Pixel's one-note icons and do it for free.

While Android 12 will be arriving soon, the most striking visual change will be Pixel-exclusive at launch. While Material You as a whole will be part of Android 12 and can be implemented by all Android manufacturers, but the Dynamic Color picker is limited to the Pixel line. Dynamic Color is the algorithm that will analyze your wallpaper then pick complementary colors to tint system elements and your app icons, and even if we can't get Google's super-secret color formula, we can still get app icons that change with our wallpapers easily using Icon Pack Studio and one of the best Android launchers.

Icon Pack Studio allows you to craft custom icon packs, that can then be exported and applied like any third-party icon pack. However, you won't need to re-export and re-apply each time you change your wallpaper if you use Smart Launcher 5. The Smart Launcher team built Icon Pack Studio and integrated it into its launcher, so you'll get the best experience using both apps together for a true Material You icon pack with automatic adaptation when you swap wallpaper. These two apps make up half of my favorite theming system, and the categorized app drawer in Smart Launcher 5 is a great asset for those with too many apps installed.

Before you begin, you'll want to decide which of the following four Material You icon pack styles you want to use, based upon how the Material You themed icons react when dark mode is on or off:

  • Classic light mode: Wallpaper-tinted background, gray (#514448) app logo — good for light or pastel-colored wallpapers
  • Inverted light mode: Wallpaper-tinted background, white-colored app logo — good for dark-colored wallpapers
  • Classic dark mode: Charcoal (#372F31) background, wallpaper-tinted app logo — good for busy wallpapers
  • Inverted dark mode: White or cream (#FAFAED) background, wallpaper-tinted app logo — good for muted wallpapers

Keep the hex code for your desired pack in mind, as we'll be entering the gray/white color hues manually to contrast with our wallpaper colors. It's also worth noting that if the colors pulled from your wallpaper skew darker or lighter, you may wish to swap from charcoal to white tones. I usually use inverted light mode with a white logo and a white border for wider compatibility and better glanceability when hunting for icons in the drawer.

How to make a Material You icon pack

  1. Open Icon Pack Studio.
  2. Tap New at the bottom of the screen.
  3. Tap Minimal Icon as the starting point for the pack.
  4. In the Logo tab, tap Fill.

  5. Tap Color 1.
  6. Tap Wallpaper under Color Source, if setting the dark mode themes. If setting the light mode, tap the hex code to input the numbers for gray (#514448) or tap the white circle.
  7. Tap the back arrow twice.

  8. Tap the Background tab.
  9. Tap Fill.
  10. Tap Color 1.

  11. Tap Wallpaper under Color Source, if setting the light mode themes. If setting the dark mode, tap the hex code to input the numbers for charcoal (#372F31), cream (#FAFAED), or white.
  12. If the wallpaper colors clash with your static color, repeat steps 4-6 using another color.
  13. Tap the back arrow twice.

  14. Tap Shape.
  15. Select the desired shape.
  16. Tap the back arrow.

  17. (Optional) If you want to add a border to your icons for better definition, tap Stroke and set the same color as your app icons used in Step 6.
  18. Tap Preview.
  19. If you're happy with the pack, tap Apply.

  20. If using Smart Launcher 5, tap Home Screen and App Page.
  21. Tap Apply.
  22. If using a different launcher, tap OK.

  23. Tap OK.
  24. Open the notification panel.
  25. Tap Your icon pack is ready!
  26. Tap Settings.

  27. Tap Allow from this source to toggle it on.
  28. Tap the back arrow or use the back gesture.
  29. Tap Install.

You can now apply the icon pack using the menu of your favored launcher. If you tap Open you can set it directly in some of the more popular launchers like Nova Launcher, Smart Launcher, and others. It's also important to note that while Smart Launcher's pretty good at pulling the colors from most wallpapers, every now and then it'll just pull straight black when dealing with dark or AMOLED-tuned wallpapers. If this happens, use the eyedropper tool next to the hex code, then select a shade from the wallpaper that's to your liking instead.

When changing wallpapers

If you're using Smart Launcher 5, the icons will automatically update each time you change wallpapers. However, if you're using another launcher, you'll have to manually update the pack, but it doesn't take long:

  1. Open the notification panel.
  2. Tap Wallpaper change detected.
  3. Tap Your icon pack is ready!
  4. Tap Install.

  5. Tap Open.
  6. Tap Apply.
  7. Tap OK.

Why wait for Android 12?

One of the best parts of Android is the customization options. If you hate the icons that came with your phone, you can replace them. Can't get things the way on your home screen? It'll be a cinch with the best Android launchers. Can't get the latest Android look and feel? Theming to the rescue, and Icon Pack Studio can actually give us a better version of Material You's icon pack because we can get two to four colors extracted from a wallpaper, we can add textures, change the app logo color, and add strokes or gradients to them.

Best of all, you can do this for free — all Icon Pack Studio's in-app upgrade does is unlock some of the filters and more exotic options that are a bit too outlandish for most themes anyway. I added a gradient to an adaptive pack for added vibrancy and consistency in one of my packs and it worked out beautifully, at least as long as I stuck to wallpapers in the same portion of the color wheel.

If you're looking for more Material You goodness, some enterprising themers have built spectacular Material You widget packs that you can use to add dynamically colored widgets to any launcher you use — even built-in launchers that don't support third-party icon packs like Icon Pack Studio.

Get adaptive

Icon Pack Studio

Free (w/ IAP) at Google Play Store

Meet the last icon pack you'll ever need

Icon Pack Studio allows you to make icon packs that are perfectly tailored to match your wallpaper, a custom theme, or even your chosen sports team's colors, adding in effects and depth to make it totally one of a kind. Unlike normal icon packs, you won't have to deal with any nasty holes for obscure apps, as this app applies the theme to all installed app icons.

As mentioned previously, Icon Pack Studio is made by the Smart Launcher team and integrates directly with the launcher so that you don't have to re-export and re-apply the icon pack each time you change wallpapers. So if you're looking for the closest experience to the Dynamic Color icons on the Android 12 Pixel Launcher, Smart Launcher 5 is the easy choice to make, especially given how easy it is to find your way around once you get the app drawer categorized.

The home screen and widget page layouts in Smart Launcher 5 are also quite praiseworthy, even if they may feel limited to some. App icons are confined to a single area in a set style, be it the classic circle and honeycomb views or the more traditional grid view. Widgets are then isolated on another layer that allows widgets to be precisely and perfectly placed. This does mean you can't scatter app icons in with your widgets, but I prefer to keep my app icons down closer to my thumb while the widgets I glance at can sit higher up.

Easy organization

Smart Launcher 5

Free (w/ IAP) at Google Play Store

Let your icons update instantly and your apps stay organized

Even if Smart Launcher 5 didn't make it insanely easy to swap between my themes (which it does), and even if it didn't have a breathtakingly simple home screen layout in regard to icon and widget layouts, Smart Launcher still has an excellent ace up its sleeve. The app drawer on Smart Launcher 5 can be categorized automatically, and then within each tab, you can sort between various styles or manually order apps the way you want them.



Source: androidcentral

Popular posts from this blog

The hidden cost of food delivery

Noah Lichtenstein Contributor Share on Twitter Noah Lichtenstein is the founder and managing partner of Crossover , a diversified private technology fund backed by institutional investors, technology execs and professional athletes and entertainers. More posts by this contributor What Studying Students Teaches Us About Great Apps I’ll admit it: When it comes to food, I’m lazy. There are dozens of great dining options within a few blocks of my home, yet I still end up ordering food through delivery apps four or five times per week. With the growing coronavirus pandemic closing restaurants and consumers self-isolating, it is likely we will see a spike in food delivery much like the 20% jump China reported during the peak of its crisis. With the food delivery sector rocketing toward a projected $365 billion by the end of the decade, I’m clearly not the only one turning to delivery apps even before the pandemic hit. Thanks to technology (and VC funding) we can get a ri

Cyber Monday Canada: Last-minute deals for everyone on your list

Best Cyber Monday Canada deals: Smart Home Audio Phones, Tablets & Accessories Wearables Laptops & PC Components Amazon products Gaming Televisions Cameras Lifestyle & Kitchen Toys & Kids Cyber Monday Canada is here, and retailers are rolling out the red carpet for customers who want to shop for everything from tech to kitchenware to games and everything in between. Unlike years past, Cyber Monday Canada deals look a bit different than normal. Instead of retailers trying to pack their stores with as many shoppers as possible, we're seeing tons of online deals that you can take advantage of from the comfort of your home. We've rounded up our favorites below, so feel free to browse through the best of what Canada Cyber Monday has to offer! This list is being updated with new Cyber Monday deals all the time, so check back often. Spotlight deals It's a Switch Nintendo Switch Fortnite Edition bundle $399.95 at Amazon It's a Switch.

iPhone 13 Pro vs. iPhone 15 Pro Buyer's Guide: 50+ Differences Compared

The iPhone 15 Pro brings over 50 new features and improvements to Apple's high-end smartphones compared to the iPhone 13 Pro, which was released two years prior. This buyer's guide breaks down every major difference you should be aware of between the two generations and helps you to decide whether it's worth upgrading. The ‌iPhone 13‌ Pro debuted in 2021, introducing a brighter display with ProMotion technology for refresh rates up to 120Hz, the A15 Bionic chip, a telephoto camera with 3x optical zoom, Macro photography and photographic styles, Cinematic mode for recording videos with shallow depth of field, ProRes video recording, a 1TB storage option, and five hours of additional battery life. The ‌iPhone 13‌ Pro was discontinued upon the announcement of the iPhone 14 Pro in 2022, but it is still possible to get hold of it second-hand. Our guide helps to answer the question of how to decide which of these two iPhone models is best for you and serves as a way to c

Slack’s new integration deal with AWS could also be about tweaking Microsoft

Slack and Amazon announced a big integration late yesterday afternoon. As part of the deal, Slack will use Amazon Chime for its call feature, while reiterating its commitment to use AWS as its preferred cloud provider to run its infrastructure. At the same time, AWS has agreed to use Slack for internal communications. Make no mistake, this is a big deal as the SaaS communications tool increases its ties with AWS, but this agreement could also be about slighting Microsoft and its rival Teams product by making a deal with a cloud rival. In the past Slack CEO Stewart Butterfield has had choice words for Microsoft saying the Redmond technology giant sees his company as an “existential threat.” Whether that’s true or not — Teams is but one piece of a huge technology company — it’s impossible not to look at the deal in this context. Aligning more deeply with AWS sends a message to Microsoft, whose Azure infrastructure services compete with AWS. Butterfield didn’t say that of course