Badge with Symbol & Linear Gradient

import SwiftUI

struct BadgeWSymbolLinearGradient: View {
    
    var title: String
    var symbol: String
    var symbolColors: [Color]
    
    var body: some View {
        VStack(alignment: .center, spacing: 8) {
            Image(systemName: symbol)
                .font(.title)
                .foregroundStyle(LinearGradient(colors: symbolColors, startPoint: .topLeading, endPoint: .bottomTrailing))
                .shadow(color: .gray, radius: 15)
            Text(title)
                .font(.system(size: 15, weight: .medium))
                .foregroundStyle(.primary)
        }
        .padding()
        .frame(width: 120, height: 90, alignment: .center)
        .background(.thinMaterial, in: RoundedRectangle(cornerRadius: 10.0, style: .continuous))
    }
}

struct UseBadgeWSymbolLinearGradient: View {
    var body: some View {
        HStack {
            BadgeWSymbolLinearGradient(title: "Favorites", symbol: "star.fill", symbolColors: [.yellow, .orange, .red])
        }
        .padding()
    }
}

#Preview {
    UseBadgeWSymbolLinearGradient()
}