1. kazy_dev

    Posted

    kazy_dev
Changes in title
+SwiftUI Image(systemName:)で使用するアイコン名の一覧
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,46 @@
+## はじめに
+
+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アプリのスクリーンショット
+
+<img width="1196" alt="スクリーンショット 2019-09-26 16.51.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184792/8445987d-ecfe-4c7d-3ffd-430508931aa5.png">
+
+このように一覧で見れるようになります。
+
+以上です。
+ご覧いただきありがとうございました。