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

DockProbe

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

DockProbe 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
ファイルサイズ
1010 B · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
DockProbe
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#4E984Drgb(78, 152, 77) · hsl(119, 33%, 45%)
WCAG コントラストとファイルサイズ
白背景 3.5:1 · 黒背景 5.6:1 · 1010 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="dockprobe_svg__a" x1="11.497" x2="500.503" y1="256" y2="256" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#4e984d"/><stop offset="1" style="stop-color:#4e984d"/></linearGradient><path d="M422.9 512H89.1c-42.9 0-77.6-34.7-77.6-77.6V77.6C11.5 34.7 46.2 0 89.1 0h333.8c42.9 0 77.6 34.7 77.6 77.6v356.8c0 42.9-34.7 77.6-77.6 77.6" style="fill:url(#dockprobe_svg__a)"/><path d="M455.3 302.3v-92.6c0-42.6-22.7-81.9-59.6-103.2l-80.2-46.3c-36.9-21.3-82.3-21.3-119.1 0l-80.2 46.3c-36.9 21.3-59.6 60.6-59.6 103.2v92.6c0 42.6 22.7 81.9 59.6 103.2l80.2 46.3c36.9 21.3 82.3 21.3 119.1 0l80.2-46.3c36.9-21.3 59.6-60.7 59.6-103.2" style="fill:#fff"/><path d="M283.5 164.4H181.1c-24.4 0-44.2 19.8-44.2 44.2v94.7c0 24.4 19.8 44.2 44.2 44.2h102.5c50.6 0 91.6-41 91.6-91.6-.1-50.5-41.1-91.5-91.7-91.5m2.3 130.3h-98.4v-77.4h98.4c21.4 0 38.7 17.3 38.7 38.7s-17.3 38.7-38.7 38.7" style="fill:#24d489"/></svg>

使用上の注意

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