本文へスキップ
ツールcoding-badgeCODING DevOps

CODING

CODING(coding-badge)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

CODING 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.5 KB · 2 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
CODING (coding-badge)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#202D40rgb(32, 45, 64) · hsl(216, 33%, 19%)
WCAG コントラストとファイルサイズ
白背景 13.9:1 · 黒背景 1.4:1 · 1.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
   <circle cx="512" cy="512" r="512" style="fill:#202d40"/>
   <path d="M374.18 544.41c-6.34 0-11.48 6.17-11.48 13.77S367.84 572 374.18 572s11.48-6.17 11.48-13.77-5.14-13.77-11.48-13.77m272.69 0c-6.34 0-11.48 6.17-11.48 13.77S640.52 572 646.86 572s11.48-6.17 11.48-13.77-5.14-13.77-11.48-13.77m134.37 12.2c-10.35 3.64-20.61.37-22.92-7.3s4.22-16.83 14.57-20.46 20.61-.37 22.92 7.3-4.22 16.83-14.57 20.46m-265.39 155.1c-108.25-.17-195.91-50.09-195.91-121.55 0-1.5.06-3 .13-4.46 0-.49.05-1 .08-1.46.06-1 .16-2 .26-3 .14-1.34.3-2.69.5-4l.06-.4c2.18-14 7.76-35.48 16.18-47.84 20.24-28.65 56.35-47.74 97.54-47.74 31.71 0 60.39 11.33 81.16 29.61 20.77-18.28 49.45-29.61 81.16-29.61 41.19 0 77.3 19.09 97.54 47.74 8.43 12.35 14 33.79 16.18 47.84l.06.4a90.991 90.991 0 0 1 .76 7q0 .73.08 1.46c.07 1.48.13 3 .13 4.46 0 71.47-87.66 121.39-195.91 121.55M265.68 549.31c-2.3 7.67-12.57 10.93-22.92 7.3s-16.88-12.8-14.57-20.46 12.57-10.93 22.92-7.3 16.88 12.8 14.57 20.46m514.49-76.08c-16.84 0-31.6 10.56-39.85 26.39-28.07-60.16-86.48-115.89-158.65-138.84-38.94-15.35-66.29-44.78-69.67-79.27-3.38 34.44-30.73 63.92-69.67 79.27-72.18 22.95-130.58 78.68-158.65 138.84-8.25-15.83-23-26.39-39.85-26.39C218 473.24 197 498.12 197 528.8s21 55.57 46.83 55.57a40.9 40.9 0 0 0 21.78-6.37c2.22 99.64 111.63 164.33 246.39 164.5 134.76-.17 244.17-64.85 246.39-164.5a40.88 40.88 0 0 0 21.78 6.38C806 584.37 827 559.49 827 528.8s-21-55.57-46.83-55.57" style="fill:#fff"/>
</svg>

使用上の注意

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