本文へスキップ
ツールchangelog-nightlyダーク版

Changelog Nightly

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

Changelog Nightly 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 · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Changelog Nightly (changelog-nightly)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#61C192rgb(97, 193, 146) · hsl(151, 44%, 57%)
WCAG コントラストとファイルサイズ
白背景 2.2:1 · 黒背景 9:1 · 1.7 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M333.2 227.3c-14.3-16.4-24.6-21.5-39.9-21.5-26.6 0-48.1 22.5-48.1 50.2 0 27.6 21.5 50.2 49.1 50.2 15.4 0 26.6-6.1 39.9-21.5l24.6 23.6c-20.5 22.5-39.9 30.7-64.5 30.7-47.1 0-85-36.9-85-82.9s37.9-82.9 85-82.9c24.6 0 43 9.2 63.5 30.7z"/><linearGradient id="changelog-nightly_svg__a" x1="36.236" x2="475.186" y1="250" y2="250" gradientTransform="matrix(1 0 0 -1 0 506)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#61c192;stop-opacity:0"/><stop offset="1" style="stop-color:#61c192"/></linearGradient><path d="M292.2 512h-5.1c-69.6-1-135.2-30.7-183.3-81.9-90.1-97.3-90.1-249.8 0-348.1C151.9 30.7 216.5 1.1 287.1 0s136.2 25.6 186.4 74.7c3.1 3.1 3.1 7.2 0 10.2-3.1 3.1-7.2 3.1-10.2 0-47.1-47.1-109.6-72.7-176.1-71.7s-128 29.7-173 77.8c-86 92.2-86 236.5 0 328.7 45.1 49.1 106.5 76.8 173 77.8s129-23.6 176.1-70.7c3.1-3.1 7.2-3.1 10.2 0 3.1 3.1 3.1 7.2 0 10.2-48.2 48.4-112.7 75-181.3 75" style="fill:url(#changelog-nightly_svg__a)"/><linearGradient id="changelog-nightly_svg__b" x1="118.92" x2="416.026" y1="249.551" y2="249.551" gradientTransform="matrix(1 0 0 -1 0 506)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#61c192"/><stop offset="1" style="stop-color:#61c192;stop-opacity:0"/></linearGradient><path d="M292.2 429.1h-6.1c-48.1-2-93.2-22.5-124.9-59.4-56.3-64.5-56.3-161.8 0-226.3C192.9 106.5 238 86 286.1 84s95.2 16.4 129 50.2c3.1 3.1 3.1 7.2 0 10.2-3.1 3.1-7.2 3.1-10.2 0-30.7-30.7-73.7-48.1-117.8-46.1-44 1-85 20.5-114.7 54.3-52.2 59.4-52.2 149.5 0 208.9 29.7 33.8 69.6 53.2 114.7 54.3 44 0 87-16.4 117.8-47.1 3.1-3.1 7.2-3.1 10.2 0 3.1 3.1 3.1 7.2 0 10.2-33.8 31.7-76.8 50.2-122.9 50.2" style="fill:url(#changelog-nightly_svg__b)"/></svg>

使用上の注意

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