SwiftUI Images & Effects

import SwiftUI

struct ImageWithTextOverlay: View {
    var body: some View {
        Image(systemName: "circle")
        .font(.system(size: 50, weight: .thin))
        .foregroundStyle(.secondary)
        .overlay(Text("❤️"), alignment: .center)
    }
}

#Preview {
    ImageWithTextOverlay()
}

import SwiftUI

// I'm using free images from: https://unsplash.com/
// You can download the image here: https://drive.google.com/file/d/1xfhSIbV6OSMB9u_lM6l_hsPzzaAL9MME/view?usp=sharing

struct ImageWMask: View {
    var body: some View {
        Image("fiona")
            .resizable()
            .scaledToFit()
            .mask {
                Image(systemName: "seal.fill")
                    .resizable()
                    .scaledToFit()
            }
            .frame(width: 100)
            .shadow(color: .gray.opacity(0.6), radius: 4)
        
    }
}

#Preview {
    ImageWMask()
}