本文へスキップ

Luma

Lumaの公式ベクターロゴ。AI プロダクトカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Luma Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 46 46
ファイルサイズ
1.7 KB · 6 パス
公式サイト
https://lumalabs.ai/

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますLuma.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Luma
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#0000AArgb(0, 0, 170) · hsl(240, 100%, 33%)
WCAG コントラストとファイルサイズ
白背景 13.3:1 · 黒背景 1.5:1 · 1.7 KB

SVG コード

<svg viewBox="0 0 46 46" width="46" height="46" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.833 11.498 23.751 0v46L3.833 34.5z" fill="#000"/><path d="M23.751 46 3.833 34.5 23.751 23l19.92 11.5z" fill="url(#paint0_linear_524_476)"/><path d="M23.751 46 3.833 34.5 23.751 23l19.92 11.5z" fill="url(#paint1_linear_524_476)"/><path style="mix-blend-mode:screen" d="M3.833 11.498 23.751 0v46L3.833 34.5z" fill="url(#paint2_linear_524_476)"/><path style="mix-blend-mode:overlay" d="M23.751 46 3.833 34.5 23.751 23l19.92 11.5z" fill="url(#paint3_linear_524_476)"/><path style="mix-blend-mode:overlay" d="M3.833 11.498 23.751 0v46L3.833 34.5z" fill="url(#paint4_linear_524_476)"/><defs><linearGradient id="paint0_linear_524_476" x1="3.833" y1="34.5" x2="43.671" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="#00a"/><stop offset="1" stop-color="#a78dff"/></linearGradient><linearGradient id="paint1_linear_524_476" x1="3.833" y1="34.5" x2="43.671" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="#00a"/><stop offset="1" stop-color="#a78dff"/></linearGradient><linearGradient id="paint2_linear_524_476" x1="26.35" y1="43.397" x2="8.954" y2="7.178" gradientUnits="userSpaceOnUse"><stop stop-color="#004eff"/><stop offset="1" stop-color="#0ff"/></linearGradient><linearGradient id="paint3_linear_524_476" x1="3.833" y1="34.5" x2="43.671" y2="34.5" gradientUnits="userSpaceOnUse"><stop stop-color="#00a"/><stop offset="1" stop-color="#a78dff"/></linearGradient><linearGradient id="paint4_linear_524_476" x1="26.35" y1="43.397" x2="8.954" y2="7.178" gradientUnits="userSpaceOnUse"><stop stop-color="#004eff"/><stop offset="1" stop-color="#0ff"/></linearGradient></defs></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 46 46")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました