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

Apple and Meta Reportedly Discussed AI Partnership for iOS 18

Apple has held discussions with Meta about integrating the Facebook owner's AI model into iOS 18 as part of its Apple Intelligence feature set, according to a report over the weekend. Meta launched Llama 2, its large language model, in July 2023, and in April, the company released the latest versions of its AI models, called Llama 3 . The Wall Street Journal reports that the two longtime rivals have held talks about offering Meta's model as an additional option to OpenAI's ChatGPT. The paywalled report notes that the discussions haven't been finalized and could fall through. As part of Apple Intelligence, Apple has announced a partnership with OpenAI that will allow Siri to access ChatGPT directly in iOS 18, iPadOS 18, and macOS Sequoia to provide better responses in relevant situations. Using ChatGPT will be optional, so users with concerns about the technology can abstain and still make use of Apple's own new AI features. Speaking at WWDC 2024, Apple's

Here Are the macOS Sequoia Features Intel Macs Won't Support

When Apple released macOS Monterey in 2021, some key features required a Mac with Apple silicon. The same scenario played out with macOS Ventura in 2022, and then again the following year with the release of macOS Sonoma. With macOS Sequoia set to arrive in the fall, which new features can Intel Mac owners expect to be unavailable to them this time around? Apple says that macOS Sequoia is compatible with the same Macs as macOS Sonoma, but Apple's fine print reveals that certain new features won't work on Intel machines. If you're still on an Intel Mac, here's what you won't have access to. Apple Intelligence Apple Intelligence , a deeply integrated, personalized AI feature set for Apple devices that uses cutting-edge generative artificial intelligence to enhance the user experience, won't be available on Intel Macs. Apple says the advanced features require its M1 chip or later, so if your Mac was released before November 2020, you're out of luck. T

iPhone 16 Pro Models to Adopt 'M14' Advanced Samsung OLED Panels for Improved Brightness and Lifespan

The upcoming iPhone 16 Pro and iPhone 16 Pro Max will be the first Apple smartphones to adopt Samsung's high performance "M14" OLED display panel, claims a new report coming out of South Korea. According to ETNews , Samsung's "M" series of OLED panels are made for flagship smartphones, while "14" refers to the number of high-performance materials used to produce them. "M14" is the first series of its kind, and the panel is said to have been developed to deliver superior brightness and longevity. Samsung has reportedly placed orders for the M14 materials and is preparing to mass produce the displays in the second half of the year for Apple's iPhone 16 Pro models. Google's Pixel 9 smartphone is the only other device that is expected to adopt the high-performance displays in 2024. A previous report out of China claimed that this year's ‌iPhone 16 Pro‌ models will feature up to 1,200 nits of typical SDR brightness – a 20%

Apple Boosts A18 Chip Orders in Anticipation of High iPhone 16 Demand

Apple is said to have upped its order of next-generation chips from TSMC to between 90 million and 100 million units, following heightened demand expectations for its iPhone 16 series. Last year's initial chip order volume for the iPhone 15 series launch is believed to have been in the region of 80-90 million units, suggesting Apple is anticipating higher demand for its 2024 devices, according to Taiwanese outlet CTEE . The arrival of Apple Intelligence in iOS 18 is expected to boost initial sales of the devices. One of the reasons is that Apple Intelligence requires at least an iPhone 15 Pro to run, which means owners of last year's iPhone 15 and iPhone 15 Plus will miss out on Apple's new AI features unless they upgrade to an iPhone 15 Pro or plump for one of the iPhone 16 models. Last year, the iPhone 15 and iPhone 15 Plus were equipped with the A16 Bionic chip – the same chip that was in the iPhone 14 Pro models – whereas the iPhone 15 Pro and iPhone 15 Pro Max f