Alipay
支付宝
Commonwealth
Commonwealthの公式ベクターロゴ。金融・決済カテゴリ。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 72 72
- ファイルサイズ
- 1.2 KB · 3 パス
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCommonwealth.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Commonwealth
- カテゴリ
- 金融・決済
- 公式カラー (HEX / RGB / HSL)
- #FFFF00rgb(255, 255, 0) · hsl(60, 100%, 50%)
- WCAG コントラストとファイルサイズ
- 白背景 1.1:1 · 黒背景 18.4:1 · 1.2 KB
SVG コード
<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3802_8259)">
<path d="M36 0L72 36L36 72L0 36L36 0Z" fill="url(#paint0_linear_3802_8259)"/>
<path d="M49.6688 39.645L36 72L72 36L62.6513 26.64L49.6688 39.645Z" fill="url(#paint1_linear_3802_8259)"/>
</g>
<defs>
<linearGradient id="paint0_linear_3802_8259" x1="14.8707" y1="18.2741" x2="57.1293" y2="53.7259" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFFF00"/>
<stop offset="0.27" stop-color="#FEF10C"/>
<stop offset="0.45" stop-color="#FDE516"/>
<stop offset="0.64" stop-color="#FDE113"/>
<stop offset="0.82" stop-color="#FED508"/>
<stop offset="0.92" stop-color="#FFCC00"/>
</linearGradient>
<linearGradient id="paint1_linear_3802_8259" x1="43.7935" y1="45.8596" x2="56.9222" y2="54.0721" gradientUnits="userSpaceOnUse">
<stop offset="0.1" stop-color="#874400"/>
<stop offset="0.26" stop-color="#D88A00"/>
<stop offset="0.37" stop-color="#E79D00"/>
<stop offset="0.52" stop-color="#F2B400"/>
<stop offset="0.7" stop-color="#FAD202"/>
<stop offset="0.9" stop-color="#FEDF03"/>
</linearGradient>
<clipPath id="clip0_3802_8259">
<rect width="72" height="72" fill="white"/>
</clipPath>
</defs>
</svg>
使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 72 72"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
