Menu

Symbol

Skip support for SwiftUI.Image Symbols on Android. Consult the SkipUI module for a complete list of supported SwiftUI.

The following example screens and source code is from SkipUI’s Showcase sample app SymbolPlayground.swift

Android screenshot for Symbol component (light mode) iPhone screenshot for Symbol component (light mode) iPhone screenshot for Symbol component (dark mode) Android screenshot for Symbol component (dark mode)
import SwiftUI

struct SymbolPlayground: View {
    var body: some View {
        ScrollView {
            VStack(spacing: 16.0) {
                symbolRow("person.crop.square")
                symbolRow("person.crop.circle")
                symbolRow("plus.circle.fill")
                symbolRow("plus")
                symbolRow("arrow.left")
                symbolRow("arrowtriangle.down.fill")
                symbolRow("arrow.forward")
                symbolRow("wrench")
                symbolRow("phone")
                symbolRow("checkmark.circle")
                symbolRow("checkmark")
                symbolRow("xmark")
                symbolRow("pencil")
                symbolRow("calendar")
                symbolRow("trash")
                symbolRow("envelope")
                symbolRow("arrow.forward.square")
                symbolRow("face.smiling")
                symbolRow("heart")
                symbolRow("heart.fill")
                symbolRow("house")
                symbolRow("info.circle")
                symbolRow("chevron.down")
                symbolRow("chevron.left")
                symbolRow("chevron.right")
                symbolRow("chevron.up")
                symbolRow("list.bullet")
                symbolRow("location")
                symbolRow("lock")
                symbolRow("line.3.horizontal")
                symbolRow("ellipsis")
                symbolRow("bell")
                symbolRow("person")
                symbolRow("mappin.circle")
                symbolRow("play")
                symbolRow("arrow.clockwise.circle")
                symbolRow("magnifyingglass")
                symbolRow("paperplane")
                symbolRow("gearshape")
                symbolRow("square.and.arrow.up")
                symbolRow("cart")
                symbolRow("star")
                symbolRow("hand.thumbsup")
                symbolRow("exclamationmark.triangle")
                symbolRow("person.crop.square.fill")
                symbolRow("person.crop.circle.fill")
                symbolRow("wrench.fill")
                symbolRow("phone.fill")
                symbolRow("checkmark.circle.fill")
                symbolRow("trash.fill")
                symbolRow("envelope.fill")
                symbolRow("house.fill")
                symbolRow("info.circle.fill")
                symbolRow("location.fill")
                symbolRow("lock.fill")
                symbolRow("bell.fill")
                symbolRow("person.fill")
                symbolRow("mappin.circle.fill")
                symbolRow("play.fill")
                symbolRow("paperplane.fill")
                symbolRow("gearshape.fill")
                symbolRow("square.and.arrow.up.fill")
                symbolRow("cart.fill")
                symbolRow("star.fill")
                symbolRow("hand.thumbsup.fill")
                symbolRow("exclamationmark.triangle.fill")
                HStack {
                    Text(".foregroundStyle(.red)")
                    Spacer()
                    Image(systemName: "star.fill")
                        .foregroundStyle(.red)
                }
                HStack {
                    Text(".tint(.red)")
                    Spacer()
                    Image(systemName: "star.fill")
                        .tint(.red)
                }
                HStack {
                    Text(".font(.title)")
                    Spacer()
                    Image(systemName: "star.fill")
                        .font(.title)
                }
            }
            .padding()
        }
        .toolbar {
            PlaygroundSourceLink(file: "SymbolPlayground.swift")
        }
    }

    func symbolRow(_ systemName: String) -> some View {
        HStack {
            Text(systemName)
            Spacer()
            Image(systemName: systemName)
        }
    }
}