63
37

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

SwiftUI Image(systemName:)で使用するアイコン名の一覧

Posted at

はじめに

SwiftUIのImage(systemName:)で使用できるアイコン名ってどこに書いてあるのかわからないかったので調べてみましたので備忘録兼ねて残します。
SF Symbolのものが使えるようです。

SF Symbolとは?

新しくアプリで使用可能なシンボルセットが公開されました。
San Francisco システムフォントと親和性の高いシンボルセットです。
(アプリ内のボタンやツールバー、アラートなど様々な場所で使われるアイコンセットのこと)

SF Symbolsは、アプリで使用できる1,500を超える一貫した高度に構成可能なシンボルのセットを提供します。
Appleは、サンフランシスコのシステムフォントとシームレスに統合するようにSFシンボルを設計しました。
そのため、シンボルは、すべての重量とサイズのテキストと光学的に垂直に自動的に整列します。SFシンボルは、幅広い重量とスケールで利用でき、適応可能なデザインを作成するのに役立ちます。

一覧の場所

以下のヒューマンインターフェースガイドラインの中からSF Symbolアプリをダウンロードして使用できるアイコンの一覧を確認することができます。

ダウンロードのリンクは以下にあります。
https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

SF Symbolアプリの対応環境

  • iOS 13以降
  • watchOS 6以降
  • tvOS 13以降

カスタムシンボル

なお、SF Symbolに、必要なシンボルが存在しない場合は、カスタマイズ可能です。
シンボルをテンプレートとして再利用可能なベクターベースのファイル形式でエクスポートすることができるので、編集アプリで目的に似たデザインのSFシンボルを元にカスタムできます。

(一部のシンボルは、カスタマイズ用のテンプレートとしてエクスポートできないようです。)

ライセンスについて

すべてのSFシンボルは、XcodeおよびApple SDKのライセンス契約で定義されているシステム提供のイメージであると見なされ、そこに記載されている契約条件が適用されます。アプリのアイコン、ロゴ、またはその他の商標関連の用途では、SFシンボル(または実質的または混乱を招くような類似のグリフ)を使用できません。Appleは、前述の制限に違反して使用されたシンボルのレビューおよび独自の裁量での使用の変更または中止を要求する権利を留保し、お客様はかかる要求に速やかに準拠することに同意します。

SF Symbolアプリのスクリーンショット

スクリーンショット 2019-09-26 16.51.07.png

このように一覧で見れるようになります。

以上です。
ご覧いただきありがとうございました。

63
37
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
63
37

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?