本文へスキップ
金融・決済discover-cardDiscoverディスカバーカードダーク版

Discover Card

Discover Card(discover-card)の公式ベクターロゴ。金融・決済カテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Discover Card Logo
ダークモード用の公式バージョンがあります

ブランドカラー

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

ダウンロード

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Discover Card (discover-card)
カテゴリ
金融・決済
公式カラー (HEX / RGB / HSL)
#201D1Crgb(32, 29, 28) · hsl(15, 7%, 12%)
WCAG コントラストとファイルサイズ
白背景 16.7:1 · 黒背景 1.2:1 · 1.7 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M75 296h16v-82.1H75zm55.1-50.6c-9.6-3.6-12.4-5.9-12.4-10.3 0-5.2 5-9.1 11.9-9.1 4.8 0 8.7 2 12.9 6.7l8.4-11c-6.9-6-15.1-9.1-24.1-9.1-14.5 0-25.6 10.1-25.6 23.5 0 11.3 5.2 17.1 20.2 22.5 6.3 2.2 9.5 3.7 11.1 4.7 3.2 2.1 4.8 5 4.8 8.5 0 6.7-5.3 11.6-12.4 11.6-7.6 0-13.8-3.8-17.5-11l-10.3 10c7.4 10.8 16.2 15.6 28.4 15.6 16.6 0 28.3-11.1 28.3-27 0-13-5.4-18.9-23.7-25.6m28.7 9.6c0 24.1 19 42.9 43.3 42.9 6.9 0 12.8-1.4 20.1-4.8v-18.9c-6.4 6.4-12.1 9-19.3 9-16.1 0-27.6-11.7-27.6-28.3 0-15.8 11.8-28.2 26.8-28.2 7.6 0 13.4 2.7 20.1 9.2v-18.8c-7-3.6-12.8-5-19.7-5-24.2-.1-43.7 19-43.7 42.9m190.4 14-21.9-55.2h-17.5l34.8 84.2h8.6l35.5-84.2h-17.4zm46.8 27h45.4v-13.9H412v-22.2h28.3V246H412v-18.2h29.4v-13.9H396zM42.2 275.6c-5 4.5-11.6 6.5-21.9 6.5H16v-54.3h4.3c10.3 0 16.6 1.9 21.9 6.6 5.5 4.9 8.9 12.6 8.9 20.4 0 8-3.3 15.8-8.9 20.8m-18.7-61.7H0V296h23.4c12.4 0 21.4-2.9 29.3-9.5 9.4-7.8 14.9-19.4 14.9-31.5 0-24.2-18.1-41.1-44.1-41.1m449.2 37.8H468v-24.9h4.9c10 0 15.4 4.2 15.4 12.2.1 8.2-5.3 12.7-15.6 12.7m32.2-13.6c0-15.4-10.6-24.2-29.1-24.2H452V296h16v-33h2.1l22.2 33H512l-25.8-34.6c12-2.4 18.7-10.7 18.7-23.3" style="fill:#201d1c"/><linearGradient id="discover-card_svg__a" x1="293.495" x2="248.759" y1="294.743" y2="217.257" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#f59314"/><stop offset=".136" style="stop-color:#f38b15"/><stop offset=".347" style="stop-color:#ed7518"/><stop offset=".605" style="stop-color:#e4521d"/><stop offset=".662" style="stop-color:#e2491e"/><stop offset=".815" style="stop-color:#c33c1e"/><stop offset="1" style="stop-color:#99291e"/></linearGradient><circle cx="271.1" cy="256" r="44.7" style="fill:url(#discover-card_svg__a)"/></svg>

使用上の注意

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