UIパック
Mint メニューアイコン — 16px二色セット
冷たいスレートの二色メニューアイコン57点、16×16グリッド。再生・一時停止・設定ほか54点。シートと個別ファイル。

このパックについて
1.5pxの幹で16pxのグリッドに置いた二色のアイコンで、ここでいちばん密なセットです。ツール系のインターフェースは表の行やバーにアイコンを入れますが、24pxでは行の高さを上げるしかなくなります。二色なら輪郭なしでもその大きさで読めます。
57点のアイコンはすべて厳密な16×16グリッドに乗り、線幅は一律1.5px、視覚的な重さも揃えてあります。だから一列に並べたとき、たまたま同じ大きさの57枚の絵ではなく、ひとつのセットとして読めます。収録は再生、一時停止、設定、持ち物、地図、音、閉じる、決定、体力、通貨、防御、戦利品、ホーム、戻る、進む、上、下、メニュー、検索、絞り込み、更新、全画面、追加、削除、ロック、解除、表示、消去、情報、警告、星、トロフィー、時間、保存、ダウンロード、アップロード、武器、ポーション、宝石、鍵、宝箱、クエスト、危険、炎、エネルギー、マナ、防具、速度、スキル、ターゲット、音楽、プロフィール、パーティ、チャット、メール、ショップ、報酬。
どのアイコンもちょうど二つの値しか持ちません。本体の色と、その中で抜いたアクセントの細部です。それがパレットのすべてで、影もグラデーションもベベルもありません。だからセットの色替えは置換二回で済み、アクセントはインターフェースの他の用途に空けておけます。
セットは三通りで届きます。エンジンがベクターをラスタライズする場合や自分で編集する場合は、個別のSVGが向いています。912×16のシートは57点すべてを同じグリッドに並べます。テクスチャ1枚と矩形オフセットを好むエンジン向けで、N番目のセルはx = N × 16から始まります。PNG書き出しは1x、2x、4xで、透過の縁もきれいです。
使い方
- シート上でN番目のアイコンは矩形 x = N × 16、y = 0、幅16、高さ16 を占めます。順番は次のとおり:再生、一時停止、設定、持ち物、地図、音、閉じる、決定、体力、通貨、防御、戦利品、ホーム、戻る、進む、上、下、メニュー、検索、絞り込み、更新、全画面、追加、削除、ロック、解除、表示、消去、情報、警告、星、トロフィー、時間、保存、ダウンロード、アップロード、武器、ポーション、宝石、鍵、宝箱、クエスト、危険、炎、エネルギー、マナ、防具、速度、スキル、ターゲット、音楽、プロフィール、パーティ、チャット、メール、ショップ、報酬。
- アイコンは1x、2x、4xで整数ピクセル上に置いてください。1.5 pxの線を端数倍率でレンダリングすることこそ、鮮明なアイコンを灰色のにじみに変えてしまう原因です。
- 色を変えるにはSVG内の二つの値、本体色とアクセントの細部を変更してください。PNGへのフラットな着色は二色を一色に潰すので、二色の読みを保つならSVGの段階で変えてください。
- タッチ対象では、アイコンを16 pxのまま保ち、拡大するのは背後のボタンにしてください。線の太さはこのサイズに合わせてあります。



