UIパック

Basalt メニューアイコン — 24pxベタ塗りセット

火山岩の単色ベタ塗りアイコン6点、24×24。再生・一時停止・設定・持ち物・地図・音。シートと個別ファイル。

  • ui
  • svg
  • 透過png
  • アイコン
  • 24px
  • メニュー
  • ベタ塗り
  • ローポリ
  • サバイバル
  • ダークUI
火山岩のタイル上に置いたベタ塗りメニューアイコン6点。大きく見せ、シートに並べ、さらに実寸24ピクセルでも表示
プレビュー 1600×656透明部分は市松模様で表示

このパックについて

24pxのグリッドに置いたベタ塗りアイコンです。面で構成されたパネルにはどこにも細い線がなく、その上の線画アイコンは別のキットのものに見えます。塗った形は背後の面と同じ視覚上の重さを持ちます。

六点のアイコンはすべて24×24の厳密なグリッドに乗り、線幅は一律3 pxで、視覚上の重さも揃えてあります。だから並べたときに、たまたま同じ大きさの六枚の絵ではなく一つのセットに見えます。カバーするのは再生、一時停止、設定、持ち物、地図、音です。

すべて単色です。ファイルごとに値は一つだけなので、セット全体の色替えは置換一回、PNGを使うならマテリアル側の着色一回で済みます。影もグラデーションもベベルも焼き込まれていません。自前の照明を抱えたアイコンは、あなたのインターフェースが変わった瞬間に合わなくなるからです。

セットは三通りで届きます。個別のSVGは、エンジンがベクターをラスタライズする場合や自分で編集する場合に使うものです。144×24のシートは、テクスチャ一枚と矩形オフセットを好むエンジン向けに六点点を同じグリッドへ並べます。N番目のセルは x = N × 24 から始まります。PNGの書き出しは1x・2x・4xをカバーし、透過の縁もきれいです。

ダウンロード

直リンク · 登録不要 · 待機ページなし
ZIPをダウンロード24 kB

フルセット — 個別SVG、シート、1x/2x/4xのPNG書き出し

このパックに含まれるファイル
ファイル形式容量ダウンロード
フルセット — 個別SVG、シート、1x/2x/4xのPNG書き出しZIP24 kB 入手 →
アイコンシート、編集可能なSVGSVG1.5 kB 入手 →

使い方

  1. シート上でN番目のアイコンは x = N × 24、y = 0、幅24、高さ24の矩形を占めます。順番は再生、一時停止、設定、持ち物、地図、音です。
  2. アイコンは1x、2x、4xで整数ピクセル上に置いてください。3 pxの線を端数倍率でレンダリングすることこそ、鮮明なアイコンを灰色のにじみに変えてしまう原因です。
  3. 色を変えるにはSVG内の唯一の塗りまたは線の値を変更するか、UIマテリアルでPNGに着色してください。一つのファイル内の図形はすべて同じ値を使っています。
  4. タッチ対象では、アイコンを24 pxのまま保ち、拡大するのは背後のボタンにしてください。線の太さはこのサイズに合わせてあります。

ライセンス

クリエイティブ・コモンズ 表示 4.0 — 商用利用も無料。クレジット表記が必要です。 全文 · 実際どういう意味か

コピー用のクレジット表記
"Basalt メニューアイコン — 24pxベタ塗りセット" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/basalt-menu-icons-24