29 人が閲覧(直近 30 日) モバイル(iOS・Android)

SF Symbolsとは|最新版27の入手方法と一覧の探し方・SwiftUIでの使い方と商用利用の範囲

SF Symbolsとは|最新版27の入手方法と一覧の探し方・SwiftUIでの使い方と商用利用の範囲

SF Symbolsは、AppleがiPhone・iPad・Mac・Apple Watch・Apple TV・Vision Pro向けアプリのために配布しているシンボル(アイコン)のライブラリです。公式ページの説明では7,000を超えるシンボルがあり、Appleのシステムフォント「San Francisco」と同じ太さと大きさの体系で設計されているため、文字の横に置いても高さと線の太さが揃います。

この記事では、2026年9月14日に更新された最新版SF Symbols 27の入手方法と動作要件、一覧からシンボルを探す手順、SwiftUI・UIKitでの表示とアニメーションのコード、FigmaやSketchでの使い方、カスタムシンボルの作り方と失敗例、ライセンス上使えない場面を順に説明します。版ごとの追加数や動作要件、同梱フォントの機能は、2026年10月24日に取得し直したSF Symbols 27.0(ビルド140)の配布パッケージから読み取った値です。アプリを起動しての動作検証値ではありません。

まとめ:SF Symbolsの最新版と使い方の要点

  • 最新版はSF Symbols 27。WWDC26(2026年6月8日)では「SF Symbols 8」の名前でベータ版が公開されましたが、現在のApple Design Resourcesの表記は「SF Symbols 27」で、配布アプリのバージョンも27.0です。
  • 入手はAppleの公式ページから無料。動くのはMacだけで、最新版のアプリはmacOS 15.4以降が必要です(公式ページの「macOS Sonoma以降」という表記と、配布アプリの最低動作要件は一致していません)。Windows版はありません。
  • 公式の一覧はMacアプリそのもの。32のカテゴリと意味で探せる検索があり、シンボルごとに使えるOSの下限が表示されます。
  • コードでは名前の文字列で呼び出す。SwiftUIはImage(systemName:)、UIKitはUIImage(systemName:)で、どちらもiOS 13以降で使えます。
  • Figmaなどでは文字として貼り付ける。シンボルはSF Proフォントの中の字形なので、フォントをSF Proにすると表示され、大きさの3段階はOpenTypeのスタイルセット(Small Symbols・Large Symbols)で切り替えます。
  • 主な用途はAppleプラットフォーム向けアプリのUIと、そのモックアップ・紹介画像。アプリアイコンやロゴへの使用、Android・Windows向けUIでの使用、素材としての再配布はライセンスで禁止されています。

SF Symbolsの仕組みとSan Franciscoフォントとの関係

SF Symbolsのシンボルは、画像ファイルではなくフォントに近い仕組みで描かれます。9段階のウェイト(UltralightからBlackまで)と3段階のスケール(Small・Medium・Large)を持ち、隣に並ぶ文字のウェイトに合わせて線の太さが変わります。Appleのヒューマンインターフェイスガイドライン(SF Symbols)は、スケールをSan Franciscoのキャップハイト(大文字の高さ)を基準に定義し、既定をMediumとしています。同じフォントサイズのまま、文字とのウェイトの釣り合いを崩さずにアイコンだけを一回り大きく、または小さく見せるための仕組みです。

「SF」はSan Franciscoの略です。インストーラを実行するとアプリ本体と一緒にSF ProとSF Compactのフォント一式(85ファイル)が/Library/Fontsに入ります。SF Symbolsアプリからシンボルをコピーしてデザインツールに貼り付けると文字として扱われるのは、このフォントの中にシンボルが入っているためです。デザインツールでの扱いは後の章で説明します。

色の付け方は4種類のレンダリングモードで切り替えます。1色で塗る「モノクローム」、1色の濃淡で奥行きを出す「階層」、パーツごとに別の色を指定する「パレット」、Appleが決めた固有の色で描く「マルチカラー」です。配布パッケージのメタデータでは、マルチカラーに対応するシンボルが2,784個、値に応じて一部だけ色が付く「可変カラー」のカテゴリに入るシンボルが1,260個あります。

最新版SF Symbols 27の変更点と版ごとの追加数

SF Symbols 27(2026年9月)で変わった点

SF Symbols 27の公式ページでは、新しい要素として「進化した検索」が挙がっています。シンボル名と完全に一致しない言葉でも、意味の近いシンボルを候補に出す検索です。新しいシンボルはiOS 27・iPadOS 27・macOS 27・watchOS 27・tvOS 27・visionOS 27で動くアプリから使えます。

この版は呼び名が2つあります。Appleのデザイン更新履歴とWWDC26のデザインガイドでは、2026年6月8日のベータ公開時の名前が「SF Symbols 8」です。一方、現在のダウンロード欄は「SF Symbols 27」で、配布ファイルSF-Symbols-27.dmg(約445MB、2026年9月14日更新)を展開すると、アプリのバージョンは27.0(ビルド140)でした。「sf symbols 8」と「sf symbols 27」は同じ版を指しています。

動作要件には注意が必要です。公式ページのダウンロード欄は「macOS Sonoma以降」のままですが、インストーラはmacOS 15.0未満では中断し、アプリ本体の最低動作バージョン(LSMinimumSystemVersion)は15.4です。macOS Sonoma(14)のMacでは最新版を使えないと考えてください。

SF Symbols 7(2025年)で入ったDraw・グラデーション・Variable Draw

現在のアニメーションと着色の多くは、WWDC25で発表されたSF Symbols 7から使えるようになったものです。

  • Draw On/Draw Off:手書きの筆運びのように、シンボルが線を描きながら現れる・消えるアニメーション。コードからはiOS 26以降で指定できます。
  • グラデーション:1色から滑らかな線形グラデーションを自動で作る描画。4つのレンダリングモードすべてに重ねられます。
  • Variable Draw:温度計の目盛りのように、値の大きさを線の長さで表す表現。従来の可変カラーは不透明度で段階を表していました。

版ごとのシンボル追加数と必要なOS

シンボルは版ごとに追加され、新しいシンボルは古いOSでは表示されません。アプリに同梱されているname_availability.plistを集計すると、登録されているシンボル名は9,524個(言語別の字形を含む)で、追加された年と必要なOSは次のとおりです。

版 追加年 初期リリースのiOS 初期リリースのmacOS 途中の追加を含む名前の数
SF Symbols 1 2019 13.0以降 10.15以降 1,679
SF Symbols 2 2020 14.0以降 11.0以降 1,207
SF Symbols 3 2021 15.0以降 12.0以降 875
SF Symbols 4 2022 16.0以降 13.0以降 1,337
SF Symbols 5 2023 17.0以降 14.0以降 1,486
SF Symbols 6 2024 18.0以降 15.0以降 1,955
SF Symbols 7 2025 26.0以降 26.0以降 645
SF Symbols 27 2026 27.0以降 27.0以降 340

追加数には年の途中の小数点リリースで増えた分も含みます。たとえば2024年の1,955個のうち238個はiOS 18.4で追加されたもので、iOS 18.0の端末では表示されません。実行端末のOSで提供されていないシンボルを使うと、SwiftUIでは何も描かれず、UIKitのUIImage(systemName:)はnilを返します。シンボルを選ぶときは、アプリの情報パネルで「使用可能なOS」を必ず確認してください。

SF Symbolsアプリのダウンロードとインストール手順

  1. AppleのSF Symbols公式ページを開き、「ダウンロード」を押します。Apple IDでのサインインは求められません。
  2. ダウンロードしたSF-Symbols-27.dmgを開き、中のSFSymbols.pkgを実行します。
  3. インストーラの途中でライセンス契約が表示されます。同意するとアプリが/Applicationsに、SF ProとSF Compactのフォントが/Library/Fontsに入ります(容量は約643MB)。
  4. Launchpadか/Applicationsから「SF Symbols」を起動します。

macOS 15.4より古いMacでは最新版を起動できないため、先にmacOSを更新します。Xcodeのバージョンと対応するmacOSの関係はXcodeの最新バージョンは27|確認・アップデート手順とIntel Macは26.6まででまとめています。

シンボル一覧の探し方:カテゴリ・検索・名前のコピー

AppleはWeb上にシンボル一覧を公開しておらず、公式の一覧はSF Symbolsアプリです。「sf symbols 一覧」で出てくるWebサイトはすべて第三者が作ったもので、最新版の追加分が反映されていないことがあります。

アプリの左側には32のカテゴリが並びます(日本語表示の場合)。「すべて」「新機能」のほか、Drawアニメーションに対応した「描画」、値で表示が変わる「可変」、「マルチカラー」、そして「コミュニケーション」「天気」「デバイス」「矢印」「数学」などの用途別です。直近の版で追加されたシンボルだけを見たいときは「新機能」を開きます。

シンボルを選んだら、メニューの「名前をコピー」でsquare.and.arrow.upのような名前を取り出し、コードに貼り付けます。デザインツールに貼るときは「シンボルをコピー」、画像として使うときは「イメージをコピー」を使い分けます。情報パネルの「使用可能」欄にはそのシンボルが使えるOSの下限が出ます。「対応状況でフィルタリング」でアプリの対応OSより新しいシンボルを一覧から外しておけば、前の章で説明した表示されない問題を選ぶ段階で防げます。

シンボル名は「基本の形+バリアント」の組み立てになっています。bellに対してbell.fill(塗り)、bell.slash(斜線=無効・利用不可)、bell.circle(円で囲む)、bell.badge(バッジ付き)のように、末尾の語で状態を表します。ガイドラインでは、塗りのバリアントは選択状態やiOSのタブバーに、輪郭だけのバリアントは文字と並ぶツールバーやリストに向くとしています。タブバーやツールバーは表示するビューの側で塗りか輪郭かを選ぶため、多くの場合はコードで.fillを付けなくても既定の見た目になります。

SwiftUIでの使い方:表示・色・アニメーション

シンボルの表示とサイズ・ウェイトの指定

SwiftUIではImage(systemName:)にシンボル名を渡します。サイズとウェイトはフォントと同じ.fontで指定し、文字とアイコンを並べるならLabelを使うと両者の位置が自動で揃います。次のBasicViewは、.foregroundStyleを使うためiOS 15以降・macOS 12以降が対象です(Image(systemName:)単体はiOS 13以降)。

import SwiftUI

struct BasicView: View {
    var body: some View {
        HStack(spacing: 16) {
            Image(systemName: "star.fill")
                .font(.system(size: 32, weight: .semibold))
                .foregroundStyle(.orange)
            Label("お気に入り", systemImage: "heart")
                .imageScale(.large)
        }
    }
}

.imageScale(.large)は文字サイズを変えずにシンボルだけを大きくする指定で、冒頭で説明した3段階のスケールに対応します。

レンダリングモードとグラデーションの指定

色の付け方は.symbolRenderingMode(iOS 15以降)で切り替えます。パレットは.foregroundStyleに渡した色がレイヤーの順に割り当てられます。グラデーションの.symbolColorRenderingMode(.gradient)はiOS 26以降のAPIなので、古いOSにも対応するアプリでは#availableで分岐します。

struct RenderingView: View {
    var body: some View {
        HStack(spacing: 16) {
            Image(systemName: "cloud.sun.rain.fill")
                .symbolRenderingMode(.hierarchical)
                .foregroundStyle(.blue)
            Image(systemName: "cloud.sun.rain.fill")
                .symbolRenderingMode(.palette)
                .foregroundStyle(.gray, .yellow, .blue)
            Image(systemName: "cloud.sun.rain.fill")
                .symbolRenderingMode(.multicolor)
            if #available(iOS 26.0, macOS 26.0, *) {
                Image(systemName: "flame.fill")
                    .foregroundStyle(.red)
                    .symbolColorRenderingMode(.gradient)
            }
        }
        .font(.largeTitle)
    }
}

symbolEffectによるアニメーションと必要なOS

Bounceなどの効果は.symbolEffectで付けます。値が変わったときに1回だけ動かすならvalue:、効果をかけ続けるか止めるかを切り替えるならisActive:を指定します。回転のように動き続ける効果も、非表示のように状態を保つ効果も後者です。ReplaceとMagic Replaceはシンボルを別のシンボルへ差し替えるときの効果で、.contentTransition(.symbolEffect(.replace))で指定します。必要なOSは効果ごとに異なります。

効果 必要なiOS 必要なmacOS
Bounce・Pulse・Scale・Appear・Disappear・Variable Color・Replace 17.0以降 14.0以降
Wiggle・Breathe・Rotate・Magic Replace 18.0以降 15.0以降
Draw On・Draw Off 26.0以降 26.0以降
struct EffectView: View {
    @State private var count = 0
    @State private var isSyncing = true
    @State private var isHidden = false
    // Drawは描画データを持つシンボルだけが動く。アプリの「Draw」カテゴリから名前を選ぶ
    let drawSymbolName: String

    var body: some View {
        VStack(spacing: 16) {
            Button {
                count += 1
            } label: {
                Image(systemName: "bell")
                    .symbolEffect(.bounce, value: count)
            }
            Image(systemName: "arrow.triangle.2.circlepath")
                .symbolEffect(.rotate, isActive: isSyncing)
            if #available(iOS 26.0, macOS 26.0, *) {
                Image(systemName: drawSymbolName)
                    .symbolEffect(.drawOff, isActive: isHidden)
                Button("表示切替") {
                    isHidden.toggle()
                }
            }
        }
    }
}

このコードは.rotateを含むため、iOS 18未満も対象にするアプリでは.rotateも#availableで囲む必要があります。

可変値による進捗・強度の表示

Image(systemName:variableValue:)(iOS 16以降)に0から1の値を渡すと、Wi-Fiの電波やスピーカーの音量のように、値に応じてシンボルの一部だけが塗られます。iOS 26以降は.symbolVariableValueMode(.draw)を付けると、塗り分けの代わりに線の長さで値を表すVariable Drawになります。

struct VariableView: View {
    var level: Double = 0.6

    var body: some View {
        Image(systemName: "wifi", variableValue: level)
    }
}

UIKitでの使い方:UIImage(systemName:)とSymbolConfiguration

UIKitではUIImage(systemName:)でシンボルを取得します。戻り値はOptionalで、名前の打ち間違いや対応OSより新しいシンボルではnilになります。サイズとウェイトはUIImage.SymbolConfigurationで指定します(どちらもiOS 13以降)。

let config = UIImage.SymbolConfiguration(pointSize: 40, weight: .bold, scale: .large)
let image = UIImage(systemName: "star.fill", withConfiguration: config)
let imageView = UIImageView(image: image)
imageView.tintColor = .systemOrange

// 階層レンダリング(iOS 15以降)
imageView.preferredSymbolConfiguration = UIImage.SymbolConfiguration(hierarchicalColor: .systemBlue)

// アニメーション(iOS 17以降)
imageView.addSymbolEffect(.bounce)

macOSのAppKitではNSImage(systemSymbolName:accessibilityDescription:)(macOS 11以降)を使います。第2引数はVoiceOverで読み上げる説明文です。

FigmaやSketchでの使い方:貼り付けとスケールの切り替え

デザインツールでは、SF Symbolsを画像ではなく文字として扱います。シンボルの実体はSF ProとSF Compactのフォントに収められた字形で、配布パッケージに同梱のSF Pro(フォントのバージョン22.0d5e4)を調べると、Unicodeの私用領域(U+100000以降)に8,505字分が割り当てられていました。

Figma・Sketchへのシンボルの貼り付けとフォント指定

  1. SF Symbolsアプリでシンボルを選び、「シンボルをコピー」でコピーします。
  2. FigmaやSketchのテキストボックスに貼り付けます。ブラウザ版FigmaでローカルのSF Proを使う場合は、Figmaのフォントインストーラーを用意し、ブラウザが求めるローカル接続の権限も確認します。
  3. 貼り付けた文字が表示されない場合は、フォントをSF Pro(watchOS向けならSF Compact)に変えます。私用領域の字形はSF系のフォントにしか無いため、ほかのフォントのままでは描けません。
  4. 太さと大きさは、通常の文字と同じくフォントのウェイトとサイズで変えます。隣に並ぶ文字と同じウェイト・同じサイズにすると、アプリ上の見た目に揃います。

SF ProとSF Compactは、SF Symbolsアプリとともにインストールされます。同梱フォントのライセンスは、登録済みのApple Developer、またはAppleから書面で明示的な許可を得た人による、指定用途での使用に限定しています。単体で入れる場合はApple Fontsから入手できます。デザインファイルを共有する相手のMacにもフォントが無いと、同じように表示されません。

スタイルセットによるSmall・Medium・Largeの切り替え

フォントサイズを変えずにシンボルだけを大きく、または小さくするには、OpenTypeのスタイルセットを使います。同梱のSF Pro・SF Compactには、次のスタイルセットが名前付きで入っています。fontToolsで機能一覧と置き換え表を読み取ると、ss15とss16はシンボル8,505字のすべてについて、既定のMedium字形をSmall字形・Large字形へ置き換える設定でした。倍率はAppleがカスタムシンボルの設計用に示しているスケール係数です。

スタイルセット フォント内の名前 効果 Mediumに対する倍率
ss15 Small Symbols スケールをSmallにする 0.783
(指定なし) なし 既定のMedium 1.0
ss16 Large Symbols スケールをLargeにする 1.29

FigmaやSketchのように、テキストのOpenType機能でスタイルセットを選べるツールなら、この2つのオンとオフでスケールを切り替えられます。同じフォントにはCircle Symbols(ss12)・Square Symbols(ss13)・Filled Symbols(ss14)というスタイルセットもあります。ただし、円で囲んだ形や塗りの形はシンボル名の.circleや.fillとして独立したシンボルにもなっています。コードとデザインの対応を取りやすいのは、アプリで目的の名前のシンボルを選んでコピーする方法です。

デザインツールで作った画面は、Appleプラットフォーム向けアプリのモックアップとしてだけ使えます。同じファイルをAndroid版の画面設計やWebサイトの素材に流用することはライセンスで禁止されています(後述)。

カスタムシンボルの作り方:テンプレート書き出しからXcode取り込みまで

必要なアイコンが標準にないときは、既存のシンボルをもとにカスタムシンボルを作ります。自作のシンボルもウェイトやスケール、レンダリングモード、アニメーションに追従させられます。

  1. SF Symbolsアプリで形の近いシンボルを選び、「ファイル」メニューの「カスタムシンボルとして複製」で複製してから、「テンプレートを書き出す…」でSVGを保存します。補間を使う場合は可変テンプレートを選び、Ultralight-S・Regular-S・Black-Sの3つを編集します。静的テンプレートとは収録する形の構成が異なります。
  2. 書き出したSVGをIllustrator・Sketch・Figmaなどのベクター編集ツールで開き、3つのウェイトのパスを描き替えます。補間できる条件は次の節で説明します。
  3. SF Symbolsアプリの「シンボルを読み込む…」で編集後のSVGを取り込み、「テンプレートを検証…」で形の不整合がないかを確かめます。レイヤーの分け方とDraw用のガイドポイントもここで設定します。
  4. 「シンボルを書き出す…」でSVGを書き出します。Xcodeのアセットカタログで「Editor」メニューの「Add New Asset」から「Symbol Image Set」を追加し、書き出したSVGを「Symbol SVG」欄へドラッグします。
  5. コードではsystemName:ではなくImage("シンボル名")で呼び出します。

ライセンスは、修正したテンプレートをアプリに組み込む方法をXcode経由に限定しています。手順4のようにXcodeのアセットカタログへ取り込めば、この条件を満たします。

Drawアニメーションをカスタムシンボルに付けるときは、アプリの注釈ツールでレイヤーにガイドポイントを置き、線を描き始める位置と終わる位置を決めます。公式ページの説明では、ガイドポイントはUltralight・Regular・Blackの3つで調整でき、ほかのウェイトには自動で反映されます。

カスタムシンボルでよくある失敗と原因

Appleの開発者向け解説Creating custom symbolsが挙げる条件から外れると、取り込みや表示で次の問題が出ます。

  • 中間のウェイトで形が崩れる・補間されない:可変テンプレートが補間できるのは、Ultralight-S・Regular-S・Black-Sの3つがそろい、どれも塗りのパスで描かれ、パスの数と制御点の数が一致するときだけです。Regularの形を複製して太さだけを調整すると、数が揃いやすくなります。
  • 階層・マルチカラーの色が反映されない:線(ストローク)のまま残した形や、ドロップシャドウなどの効果を付けた形は、マルチカラーや階層の設定を上書きしてしまいます。線はパスに変換し、効果のない単色の塗りにします。
  • 見えないはずの形が出てくる:SF Symbolsは非表示のパスもシンボルの輪郭として読み込みます。編集用に隠したパスは削除してから書き出します。
  • 書き出したSVGが検証で通らない:ベクター編集ツールの多くは既定でSVGの小数点以下の桁数が少なく、Appleは7桁以上での書き出しを求めています。テンプレートのNotesレイヤーにあるtemplate-versionを消すと、SF Symbolsはファイルを読めません。
  • アニメーションで形が乱れる:ガイドラインは、重なった部分を切り抜いて描くのではなく、図形を全体の形で描き、隙間は消去レイヤーとして注釈する描き方を勧めています。円囲みやバッジ付きの版は手で描かず、アプリのコンポーネントライブラリで作ります。
  • Apple製品のシンボルを改変しようとする:Appleの製品や機能を表すシンボルはカスタマイズできません。情報アイコンの付いたシンボルは複製の元に選ばないでください。

ライセンスと商用利用の範囲:使える場面と使えない場面

「SF Symbolsは商用利用できるか」の答えは、用途を限れば使える、です。Appleプラットフォーム向けアプリのUIには有料・無料を問わず使え、規約の範囲内でモックアップやそのアプリの紹介画像にも表示できます。根拠はシステム提供シンボルの利用を定める「Xcode and Apple SDKs Agreement」と、モックアップや修正テンプレートの利用を定める「SOFTWARE LICENSE AGREEMENT FOR THE APPLE SF SYMBOLS APP」で、ここではその条項の要点をまとめます。

使ってよい場面

  • iOS・iPadOS・macOS・tvOS・watchOS向けアプリのUIへの組み込み(有料アプリも含む)
  • それらのアプリのUIのモックアップ作成
  • Appleプラットフォームで動く自社アプリのスクリーンショットや画像、紹介資料の中での表示(デジタル・印刷とも)
  • デザイン・開発を委託する外部の協力会社へのテンプレートやモックアップの受け渡し(委託先にもライセンスを守らせる責任は発注側が負う)

使ってはいけない場面:アプリアイコン・ロゴ・Android・Web

  • アプリアイコンとロゴ:SF Symbolsそのものに加え、見分けにくいほど似せた画像も禁止されています。Appleは違反した使用の変更・中止を求める権利を持っています。
  • Apple以外のOS向けのUI:AndroidアプリやWindowsアプリのUIに使うことも、そのモックアップを作ることもできません。
  • Webサイトや資料の素材:ライセンスで明示的に許されたアプリのスクリーンショットや紹介画像などを除き、SF SymbolsをWebサイトのコンテンツや作品の素材として使うことは認められていません。シンボルをクリップアートや素材として抽出・再配布することもできません。

製品や機能を表すシンボルの個別制限

一部のシンボルには、ライセンスとは別に個別の制限があります。たとえばFaceTimeのシンボルを選ぶと、アプリに「このシンボルは編集できません。AppleのFaceTimeアプリケーションを示すときのみ使用できます。」のような注記が出ます。同梱の文言データには、iPhone・AirPods・iCloud・Safari・Swift・Face IDなどの用途を限定する注記があり、MicrosoftのXbox・SonyのPlayStationといった他社製品も含まれます。これらを汎用の「電話」「通知」アイコンとして流用したり、カスタムシンボルの素材にしたりすることはできません。

visionOSの扱い

SF Symbolsアプリのライセンス本文は対象OSにvisionOSを挙げていません。一方で公式ページはSF Symbols 27の新しいシンボルがvisionOS 27で使えると案内しています。システム提供シンボルのアプリ内利用については、Xcode and Apple SDKs Agreementの2.10(System-Provided Images)がvisionOSも対象として明記しています。個別シンボルの制限にも従ってください。

SF Symbolsを採用すべきでない場面と失敗パターン

SF Symbolsは、Appleプラットフォーム専用のネイティブアプリなら第一候補です。SwiftUIでSF Symbolsを前提に画面を組むネイティブ開発は、弊社のiOSアプリ開発でも支援しています。ただし次の3つの条件では、最初から別の手段を選ぶべきです。

AndroidやWebと同じアイコンを使うクロスプラットフォームアプリ

FlutterやReact Nativeで同じデザインをAndroidとWebにも出すなら、SF Symbolsで統一することはできません。iOS側だけSF Symbolsにすると、プラットフォームごとにアイコンの管理が二重になります。全プラットフォームで同じアイコンを使うなら、GoogleのMaterial Symbols(Apache License 2.0)のように配布条件が広いアイコンセットを共通で使います。Materialの設計体系はMaterial Design 3(Material 3)とは?Expressiveの変更点と各実装の対応状況で扱っています。

旧OS対応アプリでの新規シンボルの表示欠落

SF Symbols 27のアプリには過去のシンボルも含まれます。実行端末のOSより後に追加されたシンボルは、その端末では表示されません。とくに年の途中のアップデート(iOS 18.4など)で増えたシンボルは見落としやすく、検証端末のOSが新しいとテストでも気づけません。対応OSの下限を上げられないなら、情報パネルで下限を確認して選ぶか、個別制限でカスタマイズが禁止されていないシンボルに限って、対象OSに対応する形式でカスタムシンボルとして同梱します。

Windowsのみの制作環境とMac専用アプリの制約

SF SymbolsアプリはMac専用です。ライセンスが禁止するのは、Apple以外のOSで動く製品向けのUIモックアップを作ることであり、作業用PCのOSを直接指定した制限ではありません。デザイナーがWindowsで作業する体制だと、一覧の閲覧もテンプレートの書き出しもできません。Macが無い環境でのiOS開発の進め方はWindowsでiOS・iPhoneアプリを開発する方法|Macなしでビルドと提出を回す4経路と手順を参照してください。

よくある質問

SF Symbolsは商用利用できますか?

iOS・iPadOS・macOS・tvOS・watchOS向けアプリのUIであれば、有料アプリでも使えます。そのアプリのモックアップや紹介画像に表示することもできます。アプリアイコン、ロゴ、Android・Windows向けのUI、Webサイトの素材としては使えません。

SF SymbolsはWindowsで使えますか?

使えません。SF SymbolsアプリはMac専用で、最新版はmacOS 15.4以降が必要です。ライセンスは、Apple以外のOSで動く製品向けのUIモックアップにシンボルを使うことを禁じています。

SF Symbolsの一覧はどこで見られますか?

公式の一覧はMac用のSF Symbolsアプリです。AppleはWeb版の一覧を公開していません。アプリでは32のカテゴリと、意味の近い言葉でも探せる検索を使って目的のシンボルを探せます。

SF Symbols 8はありますか?

SF Symbols 8は、WWDC26(2026年6月8日)でベータ版として公開されたときの名前です。現在のダウンロード表記とアプリのバージョンは「27」で、SF Symbols 8とSF Symbols 27は同じ版です。

SF SymbolsをFigmaで使うには?

アプリで「シンボルをコピー」してテキストボックスに貼り付け、フォントをSF Proにします。大きさの3段階は、スタイルセットのSmall Symbols(ss15)とLarge Symbols(ss16)で切り替えます。使えるのはAppleプラットフォーム向けアプリのモックアップに限られます。

SFフォント(San Francisco)とは何ですか?

AppleがiPhone・iPad・Mac・Apple Watchなどのシステムフォントとして作った書体です。Apple Fontsでは、SF ProをAppleプラットフォームのシステムフォント、SF CompactをwatchOSのシステムフォントと説明しており、等幅のSF Monoもあります。SF Symbolsのシンボルは、このSF ProとSF Compactの中に字形として入っています。

関連記事

お気に入りに入れた記事の一覧

一創の公式 SNS

X では毎朝の新着記事と IT ニュースの速報を、YouTube・TikTok・Instagram・LinkedIn・Facebook では記事の解説動画を配信しています。

この記事は以下の記事からリンクされています

資料請求

今日のトレンド記事 直近 24 時間で、いつもより多く読まれている記事

  1. 2026.11.11 テックブログ Microsoft 2026年11月の月例更新:Outlookの悪用済みCVE-2026-124194と修正版の確認方法
  2. 2026.11.11 テックブログ JANISの不正アクセス:最大11,652名の医療機関情報と情報窃取プログラムの検知設定
  3. 2026.11.11 テックブログ SMBC日興証券の不正アクセス:持株会会員最大5.6万人の範囲と受託システムの分離設計
  4. 2026.01.21 コラム 税務調査の録音は禁止?判例・裁決と国税局マニュアルで見る、断られたときの対応
  5. 2026.11.09 テックブログ ステップゴルフ不正アクセス:口座情報の対象確認と偽連絡・引き落としの注意点

RELATED POSTS 関連記事

目次