本文へスキップ
AI プロダクトzaia-endless

Zaia Endless

Zaia Endless(zaia-endless)の公式ベクターロゴ。AI プロダクトカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Zaia Endless Logo

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Zaia Endless (zaia-endless)
カテゴリ
AI プロダクト
公式カラー (HEX / RGB / HSL)
#7B65E8rgb(123, 101, 232) · hsl(250, 74%, 65%)
WCAG コントラストとファイルサイズ
白背景 4.3:1 · 黒背景 4.6:1 · 1.6 KB

SVG コード

<svg width="54" height="96" viewBox="0 0 54 96" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.72695 2.16419C3.40243 1.09463 0 3.57418 0 7.06651V25.1376C0 29.6966 2.99712 33.7131 7.36745 35.011L53.0525 48.5782V24.5739C53.0525 20.1009 50.1653 16.1392 45.9072 14.7692L6.72695 2.16419Z" fill="url(#paint0_linear_1299_296)"/>
<path opacity="0.75" d="M7.34011 39.1585C2.98351 40.4654 0 44.4753 0 49.0237V75.1801L46.1552 59.0264C50.2863 57.5806 53.0525 53.6818 53.0525 49.305V25.4453L7.34011 39.1585Z" fill="url(#paint1_linear_1299_296)"/>
<path d="M0 48.5791V74.2477C0 78.9382 3.16915 83.0362 7.70883 84.2161L46.6073 94.3256C49.869 95.1733 53.0525 92.7114 53.0525 89.3414V72.3328C53.0525 67.7978 50.0862 63.7964 45.747 62.4781L0 48.5791Z" fill="url(#paint2_linear_1299_296)"/>
<defs>
<linearGradient id="paint0_linear_1299_296" x1="53.052" y1="31.6374" x2="0.162013" y2="15.4139" gradientUnits="userSpaceOnUse">
<stop stop-color="#7B65E8"/>
<stop offset="1" stop-color="#5E44DD"/>
</linearGradient>
<linearGradient id="paint1_linear_1299_296" x1="53.0525" y1="42.068" x2="-0.922709" y2="45.4205" gradientUnits="userSpaceOnUse">
<stop stop-color="#6B4FE8"/>
<stop offset="0.3385" stop-color="#8E31F1"/>
<stop offset="0.54" stop-color="#A02AF9"/>
<stop offset="0.7537" stop-color="#AB26FE"/>
<stop offset="1" stop-color="#AE25FF"/>
</linearGradient>
<linearGradient id="paint2_linear_1299_296" x1="8.17284e-07" y1="64.3692" x2="52.6798" y2="82.8039" gradientUnits="userSpaceOnUse">
<stop stop-color="#9A2DF6"/>
<stop offset="1" stop-color="#7B4FD9"/>
</linearGradient>
</defs>
</svg>

使用上の注意

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