Alipay
支付宝
金融・決済Soul Wallet
soul
soulの公式ベクターロゴ。金融・決済カテゴリ。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
- ファイルサイズ
- 2.0 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますsoul.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- soul
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #FFD8B0rgb(255, 216, 176) · hsl(30, 100%, 85%)
- WCAG コントラストとファイルサイズ
- 白背景 1.3:1 · 黒背景 14.8:1 · 2.0 KB
SVG コード
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.8094 8.84888H6.24607C6.23574 8.84888 6.22556 8.84888 6.21524 8.84888C4.45353 8.84888 3.02539 10.2609 3.02539 12.0026C3.02539 13.7442 4.45353 15.1562 6.21524 15.1562C6.22556 15.1562 6.23589 15.1559 6.24607 15.1558L17.8094 15.1562C19.5712 15.1562 20.9992 13.7442 20.9992 12.0026C20.9992 10.2609 19.5712 8.84888 17.8094 8.84888Z" fill="url(#paint0_radial_328_61621)"/>
<path d="M9.74585 3.93252L3.93614 9.71905C2.68795 10.9622 2.68795 12.9778 3.93614 14.221C5.18431 15.4642 7.208 15.4642 8.45618 14.221L14.2659 8.4345C15.5141 7.19131 15.5141 5.1757 14.2659 3.93252C13.0178 2.68932 10.9941 2.68932 9.74585 3.93252Z" fill="url(#paint1_radial_328_61621)"/>
<path d="M15.5437 9.77893L9.73398 15.5655C8.48581 16.8087 8.48581 18.8243 9.73398 20.0674C10.9821 21.3107 13.0058 21.3107 14.254 20.0674L20.0638 14.281C21.3119 13.0377 21.3119 11.0222 20.0638 9.77893C18.8156 8.53577 16.7919 8.53577 15.5437 9.77893Z" fill="url(#paint2_radial_328_61621)"/>
<defs>
<radialGradient id="paint0_radial_328_61621" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.4018 8.83003) rotate(152.033) scale(11.246 9.68923)">
<stop stop-color="#FFD8B0"/>
<stop offset="0.359375" stop-color="#FFA3AC"/>
<stop offset="1" stop-color="#FF87CD"/>
</radialGradient>
<radialGradient id="paint1_radial_328_61621" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.0115 5.6094) rotate(135.115) scale(9.52642 11.0623)">
<stop offset="0.25" stop-color="#FF2E79"/>
<stop offset="0.869792" stop-color="#FF8BD1"/>
</radialGradient>
<radialGradient id="paint2_radial_328_61621" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.8588 18.0691) rotate(-47.6847) scale(12.0539 7.71216)">
<stop offset="0.130208" stop-color="#FF2B9D"/>
<stop offset="0.723958" stop-color="#FF9BBF"/>
<stop offset="0.958333" stop-color="#FAC7BD"/>
</radialGradient>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 24 24"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
