SwiftUI | SF Symbolsの使い方

SF Symbols

2024.11.20

SwiftUIでのSF Symbolsの使い方を説明する。

結論

Image(systemName: “ここにSF_Symbol名”) と記述する。

具体例

SF SymbolsのAppで使いたいもの探す。使いたいものを選択して Command + Shift + C で名前をコピーできる。

使ってみる。

import SwiftUI

struct ContentView: View {
    var body: some View {
        Image(systemName: "square.and.arrow.up")
            .resizable()
            .frame(width: 200, height: 200)
    }
}

まとめ

SwiftUIでのSF Symbolsの使い方を説明した。