LePips / SFIcons

Create customizable icons using SFSymbols or text

SFIcons

Generate simple icons using SFSymbols, emojis, or text. Just like Contacts and Reminders!

Usage

Simply create an SFIcon and use within an SFIconview. Modifiers still apply to the underlying SFSymbol Image and Text for further native customization.

let sfIcon: SFIcon = SFIcon(
    icon: .sfSymbol(systemName: "list.bullet"),
    iconStyle: .color(.white),
    shape: .circle,
    shapeStyle: .color(.red)
)

// ... in `View`

var body: some View {
    SFIconView(sfIcon: sfIcon)
        .fontWeight(.heavy) // The SFSymbol font will be heavy
}

Customization

An icon can be a defined SFSymbol systemName or String, about 2 uppercased characters can fit comfortably.

.sfSymbol("figure.run")	.string("😂")	.string("SJ")

Example

A sample project is provided for iOS, tvOS, and macOS. tvOS and macOS will generate a random icon and iOS has a customizable view that replicates the list creation from Reminders with emoji and text icon input.