本文へスキップ

Cartes Bancaires

Cartes Bancairesの公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Cartes Bancaires Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 3:2
書き出し解像度
1024 × 1024 px
viewBox
0 0 120 80
ファイルサイズ
1.5 KB · 4 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますCartes Bancaires.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Cartes Bancaires
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#239942rgb(35, 153, 66) · hsl(136, 63%, 37%)
WCAG コントラストとファイルサイズ
白背景 3.7:1 · 黒背景 5.4:1 · 1.5 KB

SVG コード

<svg width="120" height="80" viewBox="0 0 120 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="120" height="80" rx="4" fill="url(#paint0_linear_823_886)"/>
<path d="M104 28.7501C104 27.5001 103.75 26.2501 103.25 25.0001C102.75 23.7501 102 22.7501 101.25 22.0001C100.25 21.0001 99.2505 20.2501 98.0005 20.0001C96.7505 19.5001 95.2505 19.5001 93.2505 19.5001H65.7505V28.7501V38.0001H93.0005C95.0005 38.0001 96.7505 37.7501 97.7505 37.5001C99.0005 37.0001 100 36.5001 101 35.5001C102 34.5001 102.5 33.5001 103 32.5001C103.75 31.2501 104 30.0001 104 28.7501Z" fill="white"/>
<path d="M104 51.5001C104 50.2501 103.75 49.0001 103.25 47.7501C102.75 46.5001 102 45.5001 101.25 44.7501C100.25 43.7501 99.2505 43.0001 98.0005 42.7501C96.7505 42.2501 95.2505 42.2501 93.2505 42.2501H65.7505V51.5001V60.7501H93.0005C95.0005 60.7501 96.7505 60.5001 97.7505 60.2501C99.0005 59.7501 100 59.2501 101 58.2501C102 57.2501 102.5 56.2501 103 55.2501C103.75 54.0001 104 52.7501 104 51.5001Z" fill="white"/>
<path d="M62.0005 38C61.0005 26 52.5005 18 39.0005 18C24.7505 18 16.0005 26.75 16.0005 40C16.0005 53.75 25.2505 62 39.0005 62C52.5005 62 61.0005 54.25 62.0005 42H38.7505V37.75H62.0005V38Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_823_886" x1="-1.78814e-06" y1="80" x2="120" y2="-8.9407e-07" gradientUnits="userSpaceOnUse">
<stop stop-color="#239942"/>
<stop offset="0.489583" stop-color="#0F7B9D"/>
<stop offset="1" stop-color="#0D2553"/>
</linearGradient>
</defs>
</svg>

使用上の注意

  • 元の 3:2 の縦横比(viewBox "0 0 120 80")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました