Appwrite
ツール
ツールBanzai
Banzai Cloud
Banzai Cloudの公式ベクターロゴ。ツールカテゴリ。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
- -13.103 -7.995 64 64
- ファイルサイズ
- 3.1 KB · 10 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますBanzai Cloud.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Banzai Cloud
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #82CEF2rgb(130, 206, 242) · hsl(199, 81%, 73%)
- WCAG コントラストとファイルサイズ
- 白背景 1.7:1 · 黒背景 11.4:1 · 3.1 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-13.103 -7.995 64 64" width="64" height="64"><defs><linearGradient id="A" x1="36.065" y1="41.053" x2="59.469" y2=".517" xlink:href="#H"><stop offset=".403" stop-color="#3c8ecd"/><stop offset=".994" stop-color="#82cef2"/></linearGradient><linearGradient id="B" x1="37.483" y1="39.367" x2="17.542" y2="4.827" xlink:href="#H"><stop offset=".403" stop-color="#c18dbe"/><stop offset="1" stop-color="#9db4dd"/></linearGradient><linearGradient id="C" x1="56.091" y1="43.033" x2="28.623" y2="-4.543" xlink:href="#H"><stop offset=".403" stop-color="#454494"/><stop offset="1" stop-color="#76a1d6"/></linearGradient><linearGradient id="D" x1="61.231" y1="37.929" x2="78.222" y2="8.501" xlink:href="#H"><stop offset=".403" stop-color="#56bdc1"/><stop offset=".994" stop-color="#82cef2"/></linearGradient><linearGradient id="E" x1="55.661" y1="43.281" x2="39.466" y2="15.232" xlink:href="#H"><stop offset=".006" stop-color="#13287a"/><stop offset="1" stop-color="#1a3d8e"/></linearGradient><linearGradient id="F" x1="20.707" y1="3.36" x2="40.492" y2="37.629" xlink:href="#H"><stop offset="0" stop-color="#466bb3"/><stop offset=".727" stop-color="#3c3079"/></linearGradient><linearGradient id="G" x1="55.176" y1="34.433" x2="69.376" y2="9.838" xlink:href="#H"><stop offset=".192" stop-color="#1972a0"/><stop offset="1" stop-color="#3b9fd9"/></linearGradient><linearGradient id="H" gradientUnits="userSpaceOnUse"/></defs><g transform="matrix(.760362 0 0 .760362 -16.797353 12.981035)"><path d="M61.068 3.827c17.94 0 17.5 25.825 0 25.825H16.32c25.867 0 26.667-25.825 44.75-25.825z" fill="url(#A)"/><path d="M16.18 7.648c-15.286 0-14.903 22.005 0 22.005h38.128c-22.04 0-22.72-22.005-38.128-22.005z" fill="url(#B)"/><path d="M26.747-.657c-21.056 0-20.528 30.3 0 30.3h52.52c-30.36 0-31.297-30.3-52.52-30.3z" fill="url(#C)"/><path d="M79.382 10.904c13.025 0 12.7 18.75 0 18.75H46.896c18.78 0 19.36-18.75 32.486-18.75z" fill="url(#D)"/><path d="M67.96 27.988a31.86 31.86 0 0 1-7.1-3.298c-5.906-3.685-10.12-8.868-14.25-13.588-3.323 3.495-6.428 7.674-10.43 11.18-3.613 3.166-7.958 5.784-13.853 6.852-1.846.335-3.843.518-6.018.518h62.947c-4.317 0-8.038-.613-11.308-1.665z" fill="url(#E)"/><path d="M50.445 29.4c-6.368-.834-10.703-3.718-14.256-7.126-6.668-6.396-10.582-14.635-20-14.635-1.397 0-2.663.185-3.8.52-3.312 7.87.103 18.517 9.957 20.968 1.35.336 2.82.518 4.4.518h27.56a29.62 29.62 0 0 1-3.863-.244z" fill="url(#F)"/><path d="M73.673 12.32c-4.83 2.595-7.862 8.227-12.805 12.37-3.373 2.828-7.637 4.963-13.973 4.963h14.172c2.707 0 5.005-.62 6.9-1.665 5.622-3.118 7.57-10.032 5.715-15.67z" fill="url(#G)"/><path d="M36.2 22.283c-3.613 3.166-7.958 5.784-13.853 6.852 1.35.336 2.82.518 4.4.518h20.15c1.262 0 2.44-.086 3.547-.244-6.366-.835-10.7-3.72-14.253-7.126z" fill="#0d185c"/><path d="M60.868 24.7c-2.7 2.265-5.975 4.084-10.426 4.72h.002a29.62 29.62 0 0 0 3.863.244h6.76c2.707 0 5.005-.62 6.9-1.665a31.86 31.86 0 0 1-7.1-3.298z" fill="#061e5c"/><path d="M50.443 29.4a25.05 25.05 0 0 1-3.547.244h7.412a29.62 29.62 0 0 1-3.863-.244z" fill="#040f42"/></g></svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "-13.103 -7.995 64 64"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
