本文へスキップ
ツールSonarダーク版

SonarQube

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

SonarQube 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 100 100
ファイルサイズ
1.4 KB · 5 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
SonarQube
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#1B171Brgb(27, 23, 27) · hsl(300, 8%, 10%)
WCAG コントラストとファイルサイズ
白背景 17.7:1 · 黒背景 1.1:1 · 1.4 KB

SVG コード

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 100 100" version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <style>
      .c {
        fill: #1b171b;
      }

      .c, .d {
        stroke-width: 0px;
      }

      .d {
        fill: #4e9bcd;
      }
    </style>
  </defs>
  <path class="c" d="M6.68,66.6c1.74,1.09,5.35,2.35,8.15,2.35s4.05-1.01,4.05-2.58-.93-2.33-4.49-3.54c-6.29-2.15-8.71-5.62-8.64-9.29,0-5.75,4.86-10.11,12.38-10.11,3.54,0,6.72.82,8.59,1.76l-1.68,6.64c-1.37-.77-3.98-1.76-6.59-1.76-2.3,0-3.61.94-3.61,2.53,0,1.46,1.19,2.21,4.93,3.54,5.79,2.03,8.22,4.98,8.28,9.54,0,5.75-4.47,9.98-13.2,9.98-3.98,0-7.52-.89-9.84-2.15l1.68-6.9Z"/>
  <path class="c" d="M59.25,49.92c-5.05-7.55-15.17-9.5-22.6-4.38-7.43,5.13-9.36,15.39-4.31,22.94,4.4,6.57,12.76,9.02,19.94,5.85l6.29,10.38,5-3.45-6.29-10.37c5.54-5.59,6.38-14.4,1.98-20.96ZM52.21,68.77c-5.21,3.59-12.29,2.22-15.83-3.06-3.54-5.29-2.19-12.47,3.02-16.07,5.21-3.59,12.29-2.22,15.83,3.06,3.52,5.29,2.17,12.47-3.02,16.07Z"/>
  <path class="d" d="M87.04,83.02h-3.86c0-31.53-25.63-57.18-57.14-57.18v-3.92c33.63,0,61,27.41,61,61.09Z"/>
  <path class="d" d="M89.7,62c-4.63-19.79-20.43-36.3-40.22-42.07l.88-3.13c20.9,6.09,37.57,23.53,42.46,44.45l-3.12.75Z"/>
  <path class="d" d="M92.67,43.44c-4.77-10.55-12.91-19.77-22.9-25.93l1.33-2.22c10.43,6.42,18.92,16.05,23.9,27.09l-2.33,1.07Z"/>
</svg>

使用上の注意

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