Alipay
支付宝
Beam
Beamの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 24 24
- ファイルサイズ
- 1.8 KB · 8 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBeam.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Beam
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #0B76FFrgb(11, 118, 255) · hsl(214, 100%, 52%)
- WCAG コントラストとファイルサイズ
- 白背景 4.2:1 · 黒背景 4.8:1 · 1.8 KB
SVG コード
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.9995 16.0508H15.7343L11.9995 9.75097V5.70019L19.6496 18.2998H11.9995V16.0508Z" fill="#0B76FF"/>
<path d="M11.9992 16.0508H8.2466L11.9992 9.75097V5.70019L4.34912 18.2998H11.9992V16.0508Z" fill="#24C1FF"/>
<path d="M12.0001 11.5511V15.1504H9.75L12.0001 11.5511Z" fill="#39FFF2"/>
<path d="M11.9995 11.5511V15.1504H14.2496L11.9995 11.5511Z" fill="#00E2C2"/>
<path d="M3 9.64299L11.9909 13.8009V14.2367L3 12.271V9.64299Z" fill="url(#paint0_linear_328_57689)"/>
<path d="M21 8.43272L11.9912 13.8055V13.9535L21 10.1694V8.43272Z" fill="url(#paint1_linear_328_57689)"/>
<path d="M21 13.6382L11.9912 14.242V14.0971L21 11.9027V13.6382Z" fill="url(#paint2_linear_328_57689)"/>
<path d="M21 10.1686L11.9912 13.9485V14.0965L21 11.9021V10.1686Z" fill="url(#paint3_linear_328_57689)"/>
<defs>
<linearGradient id="paint0_linear_328_57689" x1="3.0084" y1="12.0316" x2="12.8644" y2="12.0316" gradientUnits="userSpaceOnUse">
<stop stop-color="white" stop-opacity="0"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint1_linear_328_57689" x1="20.8918" y1="11.9753" x2="9.44612" y2="11.9753" gradientUnits="userSpaceOnUse">
<stop stop-color="#FD76FD" stop-opacity="0"/>
<stop offset="1" stop-color="#FF51FF"/>
</linearGradient>
<linearGradient id="paint2_linear_328_57689" x1="21.0808" y1="12.0244" x2="11.8107" y2="12.0244" gradientUnits="userSpaceOnUse">
<stop stop-color="#9D6EFF" stop-opacity="0"/>
<stop offset="1" stop-color="#A18CFF"/>
</linearGradient>
<linearGradient id="paint3_linear_328_57689" x1="20.9905" y1="12.1394" x2="15.6892" y2="12.1394" gradientUnits="userSpaceOnUse">
<stop stop-color="#AE60D6" stop-opacity="0"/>
<stop offset="1" stop-color="#AB38E6"/>
</linearGradient>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 24 24"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
