Alipay
支付宝
zora
zoraの公式ベクターロゴ。金融・決済カテゴリ。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
- ファイルサイズ
- 768 B · 1 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますzora.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- zora
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #F2CEFErgb(242, 206, 254) · hsl(285, 96%, 90%)
- WCAG コントラストとファイルサイズ
- 白背景 1.4:1 · 黒背景 14.2:1 · 768 B
SVG コード
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 21C7.02943 21 3 16.9706 3 11.9999C3 7.02943 7.02943 3 12 3C16.9706 3 20.9999 7.02943 20.9999 11.9999C20.9999 16.9706 16.9706 21 12 21Z" fill="url(#paint0_radial_328_60532)"/>
<defs>
<radialGradient id="paint0_radial_328_60532" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0862 7.83953) rotate(180) scale(15.2029)">
<stop offset="0.00682297" stop-color="#F2CEFE"/>
<stop offset="0.1913" stop-color="#AFBAF1"/>
<stop offset="0.4982" stop-color="#4281D3"/>
<stop offset="0.666667" stop-color="#2E427D"/>
<stop offset="0.822917" stop-color="#230101"/>
<stop offset="1" stop-color="#8F6B40"/>
</radialGradient>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 24 24"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
