Assets & App Icons

Checklist

• AppIcon set with required sizes for iPhone/iPad
• AccentColor for your app
• Image sets in 1x/2x/3x

Assets catalogs help you organize and optimize your app's visual assets, making it easier to maintain and update your app's appearance.

Example

import SwiftUI

struct SymbolsDemo: View {
  var body: some View {
    HStack(spacing: 24) {
      Image(systemName: "star.fill")
        .font(.system(size: 40))
        .foregroundStyle(.yellow)
      Image(systemName: "heart.fill")
        .font(.system(size: 40))
        .foregroundStyle(.red)
      Image(systemName: "bolt.fill")
        .font(.system(size: 40))
        .foregroundStyle(.blue)
    }
    .padding()
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { SymbolsDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene {
    WindowGroup { ContentView() }
  }
}

Run Example »

Example

import SwiftUI

struct AssetsDemo: View {
  var body: some View {
    VStack(spacing: 16) {
      RoundedRectangle(cornerRadius: 12)
        .fill(.tint)
        .frame(height: 80)
        .overlay(Text("Tint").foregroundStyle(.white))
      HStack(spacing: 16) {
        Image(systemName: "photo.fill")
          .font(.system(size: 40))
          .foregroundStyle(.tint)
        Text("Use Assets.xcassets for images and colors")
      }
    }
    .padding()
  }
}

import SwiftUI

struct ContentView: View {
  var body: some View { AssetsDemo() }
}

import SwiftUI

@main
struct MyApp: App {
  var body: some Scene {
    WindowGroup { ContentView() }
  }
}

Run Example »