# Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients

DevFeed: [Designing a Tinted iOS 18 App Icon with Alternate Brand Marks and Alpha Gradients](<https://devfeed.tech/articles/oh-no-i-need-to-design-a-tinted-ios-18-app-icon-9126.md>)

Original publisher: [Read original article](<https://www.sketch.com/blog/tinted-app-icons/>)

Author: Marcelo Marfil

Published: 2024-11-11T09:00:00Z

Content type: tutorial

Language: en

Sources: [Sketch Blog](<https://devfeed.tech/sources/sketch-blog.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Sketch](<https://devfeed.tech/topics/sketch.md>)

Tags: [apple](<https://devfeed.tech/tags/apple.md>), [brand-identity](<https://devfeed.tech/tags/brand-identity.md>), [customization](<https://devfeed.tech/tags/customization.md>), [design](<https://devfeed.tech/tags/design.md>), [ios](<https://devfeed.tech/tags/ios.md>), [learn-design](<https://devfeed.tech/tags/learn-design.md>), [macos](<https://devfeed.tech/tags/macos.md>), [visual-hierarchy](<https://devfeed.tech/tags/visual-hierarchy.md>)

## AI overview

A Sketch design article explains how its team adapted an iOS app icon for iOS 18's tinted appearance. It focuses on alternate brand marks and alpha gradients, along with clarity, contrast, and consistency with stock iOS icon design.

## Source excerpt

Tinted app icons in iOS 18 were met with plenty of concerns over visual hierarchy and brand identity. Here are a few tricks we used to make ours look good and feel right at home.