本文へスキップ
ツールZuul CI

Zuul

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

Zuul 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 64 64
ファイルサイズ
609 B · 1 パス
公式サイト
https://zuul-ci.org/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Zuul
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#071D49rgb(7, 29, 73) · hsl(220, 83%, 16%)
WCAG コントラストとファイルサイズ
白背景 16.4:1 · 黒背景 1.2:1 · 609 B

SVG コード

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="64" height="64"><path d="M.53 58.703h64.02L50.902 35.05V26.96l3.78-4.935H43.344L32.54 3.218 21.737 21.98H10.4l3.78 4.935v8.092zm13.65-3.2H6.132l8.047-13.96zm5.602 0h-2.356V36.385h2.356zm0-22.318h-2.356v-2.356h2.356zm11.16 22.318h-7.958V36.385h7.914zm11.16 0H34.14V36.385h7.914v19.073h.044zm0-22.318H22.982v-2.356h19.073zm5.557 22.318H45.3V36.385h2.356zm0-22.318H45.3v-2.356h2.356zm3.246 8.314l8.047 13.96h-8.047c0 .044 0-13.96 0-13.96zM32.54 9.754l7.07 12.27H25.47zM48.145 25.27l-.49.622v1.734H17.424v-1.734l-.49-.622z" fill="#071d49"/></svg>

使用上の注意

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