Alipay
支付宝
i.saku
i.sakuの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 23:40
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 46 80
- ファイルサイズ
- 2.0 KB · 4 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますi.saku.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- i.saku
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #00B0C3rgb(0, 176, 195) · hsl(186, 100%, 38%)
- WCAG コントラストとファイルサイズ
- 白背景 2.6:1 · 黒背景 7.5:1 · 2.0 KB
SVG コード
<svg width="46" height="80" viewBox="0 0 46 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_18159)">
<path d="M20.2119 19.2143H40.4877C43.4166 19.2143 45.3159 21.5953 45.3159 24.2661V67.0709C45.3159 70.9014 42.8047 73.2504 40.4877 74.0219L23.4946 79.7518C23.4946 79.7518 18.3126 75.2136 16.5116 68.6802C16.5116 68.6802 18.7106 71.6238 22.2881 71.6238C26.5364 71.6238 30.2049 68.3657 30.2049 64.3091C30.2049 60.2525 30.2294 40.7506 30.2294 32.544C30.2294 24.3374 22.9884 19.7991 20.2119 19.2119V19.2143Z" fill="url(#paint0_linear_3802_18159)"/>
<path d="M22.4552 80C22.4552 80 14.9317 73.0882 14.9317 64.5917V32.3769C14.9317 27.2932 20.5952 25.8116 22.5904 25.8116C24.5855 25.8116 27.0966 27.0352 28.738 28.9665C28.738 28.9665 27.2908 23.6248 22.6223 21.3397C17.9563 19.0546 14.7695 19.2168 13.0643 19.2168C11.3591 19.2168 7.33438 19.2168 5.05175 19.2168C2.76913 19.2168 0 20.6616 0 24.556V68.1004C0 72.0096 3.84533 73.5551 5.48665 74.135C7.12798 74.7148 22.4552 80 22.4552 80Z" fill="url(#paint1_linear_3802_18159)"/>
<path d="M30.2515 7.65871C30.2515 11.8898 26.8215 15.3174 22.5928 15.3174C18.3642 15.3174 14.9341 11.8873 14.9341 7.65871C14.9341 3.43008 18.3617 0 22.5928 0C26.8239 0 30.2515 3.43008 30.2515 7.65871Z" fill="url(#paint2_linear_3802_18159)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_18159" x1="30.9126" y1="19.5362" x2="30.9126" y2="78.8182" gradientUnits="userSpaceOnUse">
<stop stop-color="#00B0C3"/>
<stop offset="1" stop-color="#3151B0"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_18159" x1="14.369" y1="19.5363" x2="14.369" y2="80.3244" gradientUnits="userSpaceOnUse">
<stop stop-color="#3151B0"/>
<stop offset="1" stop-color="#00B0C3"/>
</linearGradient>
<linearGradient id="paint2_linear_3802_18159" x1="22.5928" y1="0.515986" x2="22.5928" y2="15.6884" gradientUnits="userSpaceOnUse">
<stop stop-color="#FABE40"/>
<stop offset="1" stop-color="#F07728"/>
</linearGradient>
<clipPath id="clip0_3802_18159">
<rect width="45.3159" height="80" fill="white"/>
</clipPath>
</defs>
</svg>
使用上の注意
- 元の 23:40 の縦横比（viewBox "0 0 46 80"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
