Icons & BadgesPro ComponentiOS 16.0+Xcode 15+

Icon with Stroke

SF Symbol enclosed in a colored border stroke container.

Download in Compot App Browse all Icons & Badges

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

labelIconWStroke.swift

import SwiftUI

struct UseLabelIconWStroke: View {
    
    var body: some View {
        Label {
            Text("Scheme")
        } icon: {
            LabelIconWStroke(symbol: "moon")
        }
        .padding()
    }
}

#Preview {
    UseLabelIconWStroke()
}

struct LabelIconWStroke: View {
    
    let symbol: String
    
    var body: some View {
        Image(systemName: symbol)
            .font(.system(size: 14))
            .foregroundStyle(.primary)
            .frame(width: 28, height: 28, alignment: .center)
            .overlay {
                RoundedRectangle(cornerRadius: 7, style: .continuous)
                    .stroke(lineWidth: 1.0)
            }
    }
}

#Preview {
    LabelIconWStroke(symbol: "moon")
}