オープンソース · 手元のマシンで動作 · AI エージェント向け

1 つのマスター。
あらゆるサーフェス。
16px で検証済み。

IconFlow は、編集可能な 1 つの SVG から、選択した Web、PWA、デスクトップ、トレイ用アセットを生成するローカル CLI とエージェントワークフローです。自動チェックが機械的なリスクを検出し、正確なソースに対する最新の 6 つの評価軸によるレビューが記録されるまで、リリースはブロックされます。

20
技法
6
評価軸
100
ギャラリーケース
137
アーカイブマーク
セマンティック SVG · 一時的なマーク
IconFlow の Petal Haypile マーク
レビューゲート通過 · 6/6

リビングアーカイブ

137 個のオリジナルマーク。IconFlow が自身のロゴを探す過程で、この手法により描かれました。すべてアーカイブで開き、正確な 16px のプルーフを確認できます。

高くつく誤り

アイコンは 1024px では完成しない。

細部がつぶれる。カウンターが消える。トレイのシルエットが黒い四角になる。IconFlow は最小サイズの出力を、最後の想定外ではなく、最初から主要なデザインサーフェスとして扱います。

128 ピクセルの IconFlow アイコン
128
64 ピクセルの IconFlow アイコン
64
32 ピクセルの IconFlow アイコン
32
16 ピクセルの IconFlow アイコン
16px

インタラクティブ Proof Lab · レビューサーフェスのデモ

モックアップを信じない。
ピクセルを検査する。

承認済みのセマンティックソースを Chromium で正確にレンダリングした PNG です。サイズ、サーフェス、クロップ、ソースの状態を切り替えられます。

ネイティブサイズ
サーフェス
ターゲットクロップ
実寸
IconFlow アイコンの実寸プルーフ
16 × 16 px
16× ピクセル拡大
ネイティブピクセルの拡大
耳は対 · 花びらは分離 · シルエットは安定

Remix Lab · ブラウザー内だけで動作

デザインを変える。
ピクセルの答えを見る。

1 つのセマンティックソース、1 つのブリーフから生まれた 3 種の持ち物、そして独自のパレット。各サムネイルはブラウザーでネイティブサイズにラスタライズされます—アップロードも画像 API もアカウントも不要です。

持ち物
パレット
形状
サーフェス
リミックスした IconFlow マークのライブプレビュー
16
24
32
48
64
128
16px · 16× 拡大
シルエット · 色なし
アルファテンプレート · メニューバー

アルファテンプレートは、特徴のない角丸の正方形です。そのため、このブランドでは連動するマーク単体のトレイ用ソースをリリースします。

未レビューのリミックス。 この実験環境は変更の影響を示すだけで、何をリリースできるかは IconFlow のゲートが決めます。持ち帰って check、review、ship を実行してください。

変換ツールではなく、意思決定のワークフロー

設計。レビュー。リリース。
そして学ぶ。

生成ツールは選択肢をつくります。変換ツールはファイルをつくります。IconFlow は設計判断を可視化し、再現と監査を可能にします。

  1. 01

    ブリーフ

    ユーザーの用件、本質、パレット、定番の落とし穴、正確なターゲットを記録します。

  2. 02

    探索

    4 つの異なるコンセプトを意図的に出し、最も強い案に独自のシグネチャー要素を与えます。

  3. 03

    比較

    最終候補をシルエット優先の 1 枚にまとめます。磨き込む前に形を選びます。

  4. 04

    検査

    ネイティブピクセル、アルファ、クロップ、明暗のサーフェス、実際のターゲットをレビューします。

  5. 05

    リリース

    自動 QA に問題がなく、人による各評価がすべて 4/5 以上の場合だけビルドします。

  6. 06

    学ぶ

    不合格のたびに、次のアイコンで再利用できるケースブックのルールへ変えます。

1 つのパイプライン · 多様な世界

同じ題材を並べただけの
グリッドではありません。

関係、相棒、習慣、オリジナルキャラクター、ゲーム、コラボレーション、民話。それぞれ異なるユーザーの目的から始まり—そのうえで、16px でも読めるシルエットを獲得します。

技法のプルーフ同じ対象

Flow Gate を固定し、構成—題材ではなく—だけを変数にします。

Theme Worlds異なる対象

以下の各ケースでは、目的、名詞、シグネチャー要素、パレット、技法を変えています。

01 · 関係 / 織り

Keepsake Knot

2 人の 1 つの習慣を形に留めます。ハート、吹き出し、連結リングという略記ではなく—ずらした開口部を共有する幅の異なる 2 本の帯だけです。

シグネチャー · 共有する非対称の交差
ずらした開口部の周囲でティールとコーラルの帯が織り合う Keepsake Knot アイコン
02 · 猫 / 粘土

Catnap Focus

丸くなった相棒が、落ち着く時間を 1 つの温かな仕草にします。尻尾は眠る顔の横に、時間を示す幅広いくさび形を残します。

シグネチャー · 尻尾から頬へのくさび形
粘土のように丸くなって眠る猫を描いた Catnap Focus アイコン
03 · 犬 / ラインマーク

Trail Tail

犬そのものがルートです。歩く姿を描くひと続きの輪郭、開いた腹部のカウンター、軸を外したコーラルの留め具。肉球も地図ピンも使いません。

シグネチャー · ルートが相棒になる
ひと続きの線で横向きの犬の輪郭を描いた Trail Tail アイコン
04 · 魚 / ステンドグラス

Koi Return

横向きの 1 匹の鯉が、日々の練習を流れに逆らって泳ぐように感じさせます。3 枚の明るい面が、縁に開いた 1 本の流れの切り欠きに接します。

シグネチャー · 上流へ向かう航跡のゲート
ステンドグラスの横向きの鯉が流れをさかのぼる Koi Return アイコン
05 · オリジナルストーリー / セルシェーディング

Quiet Hero

既存作品を模倣しないオリジナルキャラクター。非対称な横顔の頭飾りと高い襟が、顔より先にキャラクターを識別させます。

シグネチャー · 頭飾りと襟の切り欠きが接する
オリジナルのセルシェーディング・キャラクターを非対称な横顔で描いた Quiet Hero アイコン
06 · オリジナルストーリー / 墨筆

Sky Courier

ネタバレなしの新章通知が、手で運ぶ伝令になります。肩掛け鞄のフラップがひと振りの翼へ立ち上がり、幅広いかすれの切れ目は 16px でも開いたままです。

シグネチャー · 小道具が動きを担う
鞄のフラップが翼になる墨筆の伝令を描いた Sky Courier アイコン
07 · コラボレーション / ガラス積層

Co-op Lock

大きさの異なる 2 人のチームメイトが、そろって準備完了になります。半透明のキーキャップは 1 つの不透明な四角いカウンターを共有します—コントローラー、チェックマーク、アバターのペアは使いません。

シグネチャー · 1 つのカウンター、2 つの到着
大きさの異なる 2 つのガラス製キーキャップが 1 つの不透明な四角いカウンターを共有する Co-op Lock アイコン
08 · 動物の民話 / 木版画

Forest Familiar

彫られたミミズクが小さな相棒を家へ導きます。不揃いな耳羽と二股の尾が鳥を特定し、縁に開いた 2 本の彫り跡は版画らしさだけを示します。

シグネチャー · 質感より先に種を示す
木版画のレリーフ面として彫られたミミズクを描く Forest Familiar アイコン
09 · ゲーム / クローム

Boss Helm

トロフィー、王冠、剣、ゲームパッドを使わずに、苦闘の末に得たレイドの記憶を表します。片方の角は構造から欠け、残り火色の亀裂が傷跡を説明します。

シグネチャー · 損傷がシルエットを変える
硬質なクロームの帯、残り火色のバイザー、折れた片角を備えた Boss Helm アイコン

20 の視覚言語 · 1 つの固定テスト対象

意図的に同じ題材。
構成は別。

ここでも Flow Gate を対照試料として繰り返します。名詞を固定すると、各技法のトポロジー、16px の制約、モノクロ戦略が見えてきます。上の Theme Worlds は、このシステムがその題材だけに限定されないことを実証します。

織り技法の構成見本
関係性

織り

明確な抜きの隙間を持つ、組み合う帯。

ガラス積層技法の構成見本
コラボレーション

ガラス積層

不透明な骨格を囲む半透明の面。

セルシェーディング技法の構成見本
オリジナルストーリー

セルシェーディング

1 本の墨線と、迷いのない 1 面の影。

墨筆技法の構成見本
工芸と文化

墨筆

先細りの一筆と、幅広い 1 つのかすれの切れ目。

クローム技法の構成見本
ゲームと音楽

クローム

1 本のソリッドな輪郭内に、境界の鋭い 6 段階の明度帯。

木版画技法の構成見本
動物と民話

木版画

縁に開いた彫り跡を持つ、閉じたレリーフの塊。

リビングアーカイブ · 自らのマークを探す過程で IconFlow が描いたすべてのマーク

1 つのロゴではない。
リビングアーカイブそのもの。

機械、相棒、ブランドに潜む構造、果樹園、樹冠、猫。すべての方向案は、この手法で描かれたオリジナル SVG で、同じエンジンでレンダリングされ、ネイティブサイズで比較されています—そしてどれも、ワンクリックで正確な 16px プルーフを開けます。

レビューを通過したもの。

各案はレビューを通過しています。クリーンな check、静的レビュー、正確なカラートレイとアルファテンプレート、SVG ハッシュに紐づいた receipt、さらに全評価軸が 4/5 以上(可読性 / 識別性 / バランス / 色 / スケーラビリティ / 仕上げ)の ship。残りは正直なスタディに留まりました—それらもアーカイブに収録しています。

アーカイブ全体を開く

137 方向案 · 7 ラウンド · 現行の一時的なマークを含む 19 件がレビューを通過または昇格

プルーフは見える

すべての主張には
裏付ける成果物があります。

IconFlow の比較シート。Petal Haypile と、ゲートを通過したラウンド 3 の最終候補 4 案を、ネイティブサイズ、シルエット、ダークサーフェスで比較
01 · 比較

コンセプト比較

Petal Haypile は、変化し続ける 28 方向案の探索から選ばれました。ここでは、ゲートを通過した最終候補 4 案とネイティブサイズで並べています。

Petal Haypile の IconFlow レビューシート。3 つのサーフェス上のネイティブサイズ、ピクセル拡大、アルファ占有範囲、シルエット、アダプティブクロップを表示
02 · 精査

ターゲットを考慮したレビュー

装飾用のデバイスモックアップではなく、実ピクセル。

$ iconflow ship \
  --config iconflow.toml \
  --review master-review.json

✓ source hash matches
✓ 0 automated warnings
✓ all six axes ≥ 4/5

23 files built
03 · リリース

フェイルクローズ型リリース

古い receipt や低いスコアでビルドは停止します。

5 分のプルーフを実行

あなたのアイコンには
誠実な最終工程を。

エージェント支援の手順を選ぶか、CLI を直接操作して、チェックイン済みの IconFlow ブランド用アイコンファミリーをビルドしてください。5 分で確かめられるのはエンジンであり、新しいアイデンティティではありません。setup は Chromium を一度だけダウンロードし、それ以外は何もマシンの外へ出ません。

PowerShell

git clone https://github.com/snowyukitty/ai-iconflow.git
cd ai-iconflow
python -m venv .venv
.venv\Scripts\python.exe -m pip install .
.venv\Scripts\python.exe -m iconflow setup
.venv\Scripts\python.exe -m iconflow doctor
.venv\Scripts\python.exe -m iconflow ship --config brand\iconflow.toml --review brand\master-review.json

全カタログ

20 の構造技法

20 種すべての IconFlow 技法構成見本と、ネイティブサイズの 16px プルーフ