Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
25
Help us understand the problem. What is going on with this article?
@kazy_dev

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

More than 1 year has passed since last update.

はじめに

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

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

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

25
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
kazy_dev
iOSアプリエンジニアをしています。 Flutterも再開しました。 Docker勉強中。趣味はドラム。 ブログ始めました。 https://kazyblog.com/

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
25
Help us understand the problem. What is going on with this article?