Install any skill in seconds. Free to start, no credit card required.
Get Started Free →SF Symbols(Apple ネイティブ 5,000 件以上)または Iconify API(200 以上のコレクションから 275,000 件以上のオープンソースアイコン)から Xcode アセットカタログ用の PNG イメージセットとして iOS アプリアイコンを生成します。アイコンの生成、アイコンアセットの作成、アセットカタログへのアイコン追加、または iOS プロジェクト向けアイコンの検索を行う際に使用します。
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-10 | ✗→✓ | ▲ Improved | -23% | 0% |
| case-01 | ✗→✓ | ▲ Improved | -22% | 0% |
| case-04 | ✗→✓ | ▲ Improved | 6% | 0% |
| case-05 | ✗→✓ | ▲ Improved | 30% | 0% |
| case-06 | ✗→✓ | ▲ Improved | 48% | 0% |
2 つのソースから Xcode アセットカタログ用の PNG アイコンイメージセットを生成します。
どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。
| ソース | アイコン数 | 要件 | 最適な用途 | |--------|----------|------|-----------| | Iconify API | 200 以上のコレクションから 275,000 件以上 | インターネット | 幅広い選択肢、特定スタイル、オープンソースアイコン | | SF Symbols | Apple シンボル 5,000 件以上 | macOS のみ | Apple ネイティブスタイル、オフライン使用 |
生成する前に、サイズ・色・ウェイトの一貫性について、プロジェクトの既存アイコンを確認してください。
どちらの方法も完全な Xcode イメージセットを生成します。
<output-dir>/<asset-name>.imageset/
Contents.json
<asset-name>.png # 1x(デフォルト 68px)
<asset-name>@2x.png # 2x(デフォルト 136px)
<asset-name>@3x.png # 3x(デフォルト 204px)アイコンのニーズを決定します。アイコンが表すもの、好みのスタイル、対象の色とサイズ。
プロジェクトにすでにアイコンがある場合は、既存スタイルを確認します。
bash# 既存アイコンのサイズを確認 sips -g pixelWidth -g pixelHeight path/to/existing@2x.png
Iconify API(幅広い選択肢に推奨):
bash# すべてのコレクションを検索 $SKILL_DIR/scripts/iconify_gen.sh search "receipt" # 特定のコレクション内で検索 $SKILL_DIR/scripts/iconify_gen.sh search "business card" --prefix mdi # 利用可能なコレクションを一覧表示 $SKILL_DIR/scripts/iconify_gen.sh collections
SF Symbols(Apple ネイティブスタイル向け): SF Symbols アプリを参照するか、一般的な名前を確認します。
| ユースケース | シンボル名 | |-------------|-----------| | ドキュメント | doc.text, doc.fill | | レシート | doc.text.below.ecg, receipt | | 人物 | person.crop.rectangle, person.text.rectangle | | カメラ | camera, camera.fill | | スキャン | doc.viewfinder, qrcode.viewfinder | | 設定 | gearshape, slider.horizontal.3 |
bash# Iconify プレビュー $SKILL_DIR/scripts/iconify_gen.sh preview mdi:receipt-text-outline
Iconify API:
bash# 基本的な生成 $SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline editTool_expenseReport # カスタムカラーと出力場所 $SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline myIcon --color 007AFF --output ./Assets.xcassets/icons
オプション: --size <pt>(デフォルト: 68)、--color <hex>(デフォルト: 8E8E93)、--output <dir>(デフォルト: /tmp/icons)
SF Symbols:
bash# 基本的な生成 swift $SKILL_DIR/scripts/generate_icons.swift doc.text.below.ecg editTool_expenseReport # カスタムカラー、ウェイト、出力 swift $SKILL_DIR/scripts/generate_icons.swift person.crop.rectangle myIcon --color 007AFF --weight regular --output ./Assets.xcassets/icons
オプション: --size <pt>(デフォルト: 68)、--color <hex>(デフォルト: 8E8E93)、--weight <name>(デフォルト: thin)、--output <dir>(デフォルト: /tmp/icons)
bash cp -r /tmp/icons/<name>.imageset path/to/Assets.xcassets/<group>/
| プレフィックス | 名前 | 件数 | スタイル | |-------------|------|------|---------| | mdi | Material Design Icons | 7,400 件以上 | 塗りつぶし+アウトラインバリアント | | ph | Phosphor | 9,000 件以上 | アイコンごとに 6 ウェイト | | solar | Solar | 7,400 件以上 | Bold、Linear、Outline | | tabler | Tabler Icons | 6,000 件以上 | 一定のストローク幅 | | lucide | Lucide | 1,700 件以上 | クリーン、ミニマル | | ri | Remix Icon | 3,100 件以上 | 塗りつぶし+ラインバリアント | | carbon | Carbon | 2,400 件以上 | IBM デザイン言語 | | heroicons | HeroIcons | 1,200 件以上 | Tailwind CSS のコンパニオン |
すべてを閲覧: <https://icon-sets.iconify.design/>
| スクリプト | ソース | パス | |-----------|--------|------| | iconify_gen.sh | Iconify API(275,000 件以上のアイコン) | $SKILL_DIR/scripts/iconify_gen.sh | | generate_icons.swift | SF Symbols(5,000 件以上のアイコン) | $SKILL_DIR/scripts/generate_icons.swift |
--output ./Assets.xcassets/icons を使うOther measured skills in the registry, with their headline benchmark lift.