01 · 関係 / 織り
Keepsake Knot
2 人の 1 つの習慣を形に留めます。ハート、吹き出し、連結リングという略記ではなく—ずらした開口部を共有する幅の異なる 2 本の帯だけです。
シグネチャー · 共有する非対称の交差
オープンソース · 手元のマシンで動作 · AI エージェント向け
1 つのマスター。
あらゆるサーフェス。
16px で検証済み。
IconFlow は、編集可能な 1 つの SVG から、選択した Web、PWA、デスクトップ、トレイ用アセットを生成するローカル CLI とエージェントワークフローです。自動チェックが機械的なリスクを検出し、正確なソースに対する最新の 6 つの評価軸によるレビューが記録されるまで、リリースはブロックされます。
45秒の映像を見る- 20
- 技法
- 6
- 評価軸
- 100
- ギャラリーケース
- 137
- アーカイブマーク
セマンティック SVG · 一時的なマーク
実寸レビューゲート通過 · 6/6
リビングアーカイブ
137 個のオリジナルマーク。IconFlow が自身のロゴを探す過程で、この手法により描かれました。すべてアーカイブで開き、正確な 16px のプルーフを確認できます。
45秒の映像
16 のアイコン。
すべてのピクセルが実際の出力。
ギャラリーの実際のマスター、iconflow build の実際の出力、そして正確な 16px ラスターからレンダリング。製品の出力を、生成されたピクセルで代用していません。
文字起こし
アプリアイコンの多くは、四角に文字をひとつ置いただけ。集中タイマーには、眠る猫を。物語ゲームには、フードの主人公を。SVG を描くのはあなた。またはコーディングエージェントが、IconFlow のプレイブックに沿って。最終候補を並べて、実寸で比べる。レビューを通れば、ひとつの SVG が favicon、アプリアイコン、デスクトップ、メニューバーへ。無料、オープンソース、あなたのマシンで。そして、アイコンはあなたのもの。IconFlow。16 ピクセルでも、それはそれのまま。
高くつく誤り
アイコンは 1024px では完成しない。
細部がつぶれる。カウンターが消える。トレイのシルエットが黒い四角になる。IconFlow は最小サイズの出力を、最後の想定外ではなく、最初から主要なデザインサーフェスとして扱います。
インタラクティブ Proof Lab · レビューサーフェスのデモ
モックアップを信じない。
ピクセルを検査する。
承認済みのセマンティックソースを Chromium で正確にレンダリングした PNG です。サイズ、サーフェス、クロップ、ソースの状態を切り替えられます。
実寸
16 × 16 px
16× ピクセル拡大
耳は対 · 花びらは分離 · シルエットは安定
Remix Lab · ブラウザー内だけで動作
デザインを変える。
ピクセルの答えを見る。
1 つのセマンティックソース、1 つのブリーフから生まれた 3 種の持ち物、そして独自のパレット。各サムネイルはブラウザーでネイティブサイズにラスタライズされます—アップロードも画像 API もアカウントも不要です。
アルファテンプレートは、特徴のない角丸の正方形です。そのため、このブランドでは連動するマーク単体のトレイ用ソースをリリースします。
未レビューのリミックス。 この実験環境は変更の影響を示すだけで、何をリリースできるかは IconFlow のゲートが決めます。持ち帰って check、review、ship を実行してください。
これは IconFlow 自身の商標を変形するため、リミックスも同じ CC BY 4.0 に従います。改変も商用利用も自由で、IconFlow のクレジット表記が必要です。条件がまったくないマークが欲しい場合は、iconflow new でパブリックドメインのひな形から始めてください。
変換ツールではなく、意思決定のワークフロー
設計。レビュー。リリース。
そして学ぶ。
生成ツールは選択肢をつくります。変換ツールはファイルをつくります。IconFlow は設計判断を可視化し、再現と監査を可能にします。
- 01
ブリーフ
ユーザーの用件、本質、パレット、定番の落とし穴、正確なターゲットを記録します。
- 02
探索
4 つの異なるコンセプトを意図的に出し、最も強い案に独自のシグネチャー要素を与えます。
- 03
比較
最終候補をシルエット優先の 1 枚にまとめます。磨き込む前に形を選びます。
- 04
検査
ネイティブピクセル、アルファ、クロップ、明暗のサーフェス、実際のターゲットをレビューします。
- 05
リリース
自動 QA に問題がなく、人による各評価がすべて 4/5 以上の場合だけビルドします。
- 06
学ぶ
不合格のたびに、次のアイコンで再利用できるケースブックのルールへ変えます。
1 つのパイプライン · 多様な世界
同じ題材を並べただけの
グリッドではありません。
関係、相棒、習慣、オリジナルキャラクター、ゲーム、コラボレーション、民話。それぞれ異なるユーザーの目的から始まり—そのうえで、16px でも読めるシルエットを獲得します。
技法のプルーフ同じ対象
Flow Gate を固定し、構成—題材ではなく—だけを変数にします。
Theme Worlds異なる対象
以下の各ケースでは、目的、名詞、シグネチャー要素、パレット、技法を変えています。
02 · 猫 / 粘土
Catnap Focus
丸くなった相棒が、落ち着く時間を 1 つの温かな仕草にします。尻尾は眠る顔の横に、時間を示す幅広いくさび形を残します。
シグネチャー · 尻尾から頬へのくさび形
03 · 犬 / ラインマーク
Trail Tail
犬そのものがルートです。歩く姿を描くひと続きの輪郭、開いた腹部のカウンター、軸を外したコーラルの留め具。肉球も地図ピンも使いません。
シグネチャー · ルートが相棒になる
04 · 魚 / ステンドグラス
Koi Return
横向きの 1 匹の鯉が、日々の練習を流れに逆らって泳ぐように感じさせます。3 枚の明るい面が、縁に開いた 1 本の流れの切り欠きに接します。
シグネチャー · 上流へ向かう航跡のゲート
05 · オリジナルストーリー / セルシェーディング
Quiet Hero
既存作品を模倣しないオリジナルキャラクター。非対称な横顔の頭飾りと高い襟が、顔より先にキャラクターを識別させます。
シグネチャー · 頭飾りと襟の切り欠きが接する
06 · オリジナルストーリー / 墨筆
Sky Courier
ネタバレなしの新章通知が、手で運ぶ伝令になります。肩掛け鞄のフラップがひと振りの翼へ立ち上がり、幅広いかすれの切れ目は 16px でも開いたままです。
シグネチャー · 小道具が動きを担う
07 · コラボレーション / ガラス積層
Co-op Lock
大きさの異なる 2 人のチームメイトが、そろって準備完了になります。半透明のキーキャップは 1 つの不透明な四角いカウンターを共有します—コントローラー、チェックマーク、アバターのペアは使いません。
シグネチャー · 1 つのカウンター、2 つの到着
08 · 動物の民話 / 木版画
Forest Familiar
彫られたミミズクが小さな相棒を家へ導きます。不揃いな耳羽と二股の尾が鳥を特定し、縁に開いた 2 本の彫り跡は版画らしさだけを示します。
シグネチャー · 質感より先に種を示す
09 · ゲーム / クローム
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 件がレビューを通過または昇格
プルーフは見える
すべての主張には
裏付ける成果物があります。
コンセプト比較
Petal Haypile は、変化し続ける 28 方向案の探索から選ばれました。ここでは、ゲートを通過した最終候補 4 案とネイティブサイズで並べています。
ターゲットを考慮したレビュー
装飾用のデバイスモックアップではなく、実ピクセル。
$ iconflow ship \
--config iconflow.toml \
--review master-review.json
✓ source hash matches
✓ 0 automated warnings
✓ all six axes ≥ 4/5
23 files built03 · リリース
フェイルクローズ型リリース
古い receipt や低いスコアでビルドは停止します。
5 分のプルーフを実行
あなたのアイコンには
誠実な最終工程を。
エージェント支援の手順を選ぶか、CLI を直接操作して、パッケージに含まれる IconFlow ブランド用アイコンファミリーをビルドしてください。5 分で確かめられるのはエンジンであり、新しいアイデンティティではありません。setup は Chromium を一度だけダウンロードし、それ以外は何もマシンの外へ出ません。
python -m venv .venv
.\.venv\Scripts\python.exe -m pip install iconflow
.\.venv\Scripts\python.exe -m iconflow demo --setup `
--out iconflow-demo