本文へスキップ

Scryfall

Scryfall(scryfall-badge)の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Scryfall 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 1024 1024
ファイルサイズ
1.3 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Scryfall (scryfall-badge)
公式カラー (HEX / RGB / HSL)
#786076rgb(120, 96, 118) · hsl(305, 11%, 42%)
WCAG コントラストとファイルサイズ
白背景 5.6:1 · 黒背景 3.5:1 · 1.3 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#786076"/>
   <path d="M582.12 250.3c-144.53-38.73-293.1 47-331.82 191.58s47 293.1 191.58 331.82 293.1-47 331.82-191.58S726.66 289 582.12 250.3Zm-114.6 478.38.36.94a16.9 16.9 0 0 0 21.72 10l63.91-23.49a16.9 16.9 0 0 1 21.72 10l.25.74a16.91 16.91 0 0 1-7.55 20.42A243.84 243.84 0 0 1 415.8 285.84a17.77 17.77 0 0 1 15 11.58A17.83 17.83 0 0 0 453.63 308l20.79-7.67a16.9 16.9 0 0 1 21.72 10l.25.74a16.91 16.91 0 0 1-10 21.72L341.7 386.14a16.91 16.91 0 0 0-10 21.72l.25.74a16.91 16.91 0 0 0 21.72 10l105.81-39a16.9 16.9 0 0 1 21.72 10l.25.74a16.91 16.91 0 0 1-10 21.71l-168.99 62.32a16.9 16.9 0 0 0-10 21.72l.25.74a16.9 16.9 0 0 0 21.71 10l207.8-76.26a16.9 16.9 0 0 1 21.72 10l.62 1.68a16.91 16.91 0 0 1-10 21.72l-149.34 54.9a16.9 16.9 0 0 0-10 21.72l.25.74a16.9 16.9 0 0 0 21.71 10l68.46-25.19a16.91 16.91 0 0 1 21.72 10l.25.74a16.91 16.91 0 0 1-10 21.72L359.77 602a16.91 16.91 0 0 0-10 21.72l.25.74a16.91 16.91 0 0 0 21.72 10l159.54-58.62a16.91 16.91 0 0 1 21.72 10l.25.74a16.91 16.91 0 0 1-10 21.72l-99.06 36.4a16.9 16.9 0 0 0-10 21.72l.25.74a16.9 16.9 0 0 0 21.72 10l124.43-45.64a16.92 16.92 0 0 1 11.87 31.68l-114.94 43.87a16.9 16.9 0 0 0-10 21.73v-.12Z" style="fill:#fff"/>
</svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 1024 1024")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました