ESMA
金融・決済
Alipay
Alipay（支付宝）の公式ベクターロゴ。金融・決済カテゴリ。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 100 100
- ファイルサイズ
- 16.8 KB · 5 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますAlipay.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Alipay (支付宝)
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #1677FFrgb(22, 119, 255) · hsl(215, 100%, 54%)
- WCAG コントラストとファイルサイズ
- 白背景 4.1:1 · 黒背景 4.8:1 · 16.8 KB
SVG コード
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<style>
.cls-1 {
isolation: isolate;
}
.cls-2 {
fill: none;
}
.cls-2, .cls-3, .cls-4, .cls-5 {
stroke-width: 0px;
}
.cls-6 {
clip-path: url(#clippath-1);
}
.cls-3 {
fill: url(#_2);
}
.cls-4 {
fill: url(#_4);
}
.cls-5 {
fill: #1677ff;
}
.cls-7 {
clip-path: url(#clippath);
}
</style>
<linearGradient id="_4" data-name="4" x1="21.32" y1="684.24" x2="34" y2="706.21" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#1677ff" stop-opacity=".8"/>
<stop offset=".16" stop-color="#0c6bfc" stop-opacity=".89"/>
<stop offset=".36" stop-color="#0562fa" stop-opacity=".95"/>
<stop offset=".6" stop-color="#015df8" stop-opacity=".99"/>
<stop offset="1" stop-color="#005bf8"/>
</linearGradient>
<clipPath id="clippath">
<path class="cls-2" d="M24.26,60.65c7.91,0,15.49,3.36,22.86,7.74,3.51,2.09,6.97,4.4,10.41,6.7,9.77,6.54,19.23,12.9,28.68,13.22-15.18-.55-20.71-17.71-33.36-28.55-8.41-3.96-16.81-7.32-27.13-7.32-12.17,0-20.73,7.92-20.73,17.99s8.75,17.9,20.73,17.9c8.82.03,17.44-2.58,24.76-7.5-12.75,8.2-40.05,2.86-40.05-10.41,0-5.67,6.25-9.77,13.82-9.77Z"/>
</clipPath>
<clipPath id="clippath-1">
<rect class="cls-2" x="3.94" y="51.38" width="83.34" height="38.01"/>
</clipPath>
<linearGradient id="_2" data-name="2" x1="47.71" y1="695.95" x2="89.85" y2="695.95" gradientTransform="translate(5.15 770) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset=".12" stop-color="#1677ff"/>
<stop offset=".29" stop-color="#1677ff" stop-opacity=".85"/>
<stop offset=".51" stop-color="#1677ff" stop-opacity=".7"/>
<stop offset=".7" stop-color="#1677ff" stop-opacity=".59"/>
<stop offset=".87" stop-color="#1677ff" stop-opacity=".52"/>
<stop offset="1" stop-color="#1677ff" stop-opacity=".5"/>
</linearGradient>
</defs>
<path class="cls-5" d="M79.52,23.82h-24.48v-11.47c0-.37-.3-.67-.66-.67,0,0,0,0-.01,0-9.94,0-12.11,2.45-12.11,5.65v6.5h-23.23c-1.39,0-1.99,3.21-1.99,5.48,0,.37.29.68.66.69,0,0,0,0,0,0h24.56v8.13h-16.28c-1.39,0-2,3.31-1.99,5.5,0,.37.3.66.66.66,0,0,0,0,0,0h32.69c-.58,5.38-2.1,10.62-4.48,15.48,4.01,1.89,8.03,3.92,12.26,5.8,4.94-7.94,7.95-17.03,8.01-26.1,0-.74-.59-1.34-1.32-1.34,0,0,0,0-.01,0h-16.75v-8.13h23.16c1.39,0,1.99-3.08,1.99-5.48,0-.37-.29-.68-.66-.69,0,0,0,0-.01,0Z"/>
<path class="cls-4" d="M10.43,70.43c-.02,13.27,27.34,18.62,40.07,10.39,2.51-1.69,4.86-3.61,7.01-5.74-.42-.29-2.6-1.87-5.1-3.49-1.83-1.19-3.88-2.36-5.3-3.2-15.23,17.59-36.68,12.93-36.68,2.04Z"/>
<g class="cls-7">
<g class="cls-6">
<image class="cls-1" width="818" height="374" transform="translate(3.91 51.35) scale(.1)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzIAAAFx...[データ省略・完全なコードはコピーまたはダウンロードで取得]..."/>
</g>
</g>
<path class="cls-3" d="M86.97,88.33c6.14,0,7.75-7.66,8.03-13.69.05-1.16-.84-2.15-2.01-2.2-.01,0-.02,0-.03,0-16.8-.53-28.45-7.18-40.1-12.67,12.84,11.02,18.35,28.57,34.11,28.57Z"/>
</svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 100 100"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
