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

WebSSH

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

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

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
WebSSH
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0F172Argb(15, 23, 42) · hsl(222, 47%, 11%)
WCAG コントラストとファイルサイズ
白背景 17.9:1 · 黒背景 1.1:1 · 1.5 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M51.2 0h409.6C489.1 0 512 22.9 512 51.2v409.6c0 28.3-22.9 51.2-51.2 51.2H51.2C22.9 512 0 489.1 0 460.8V51.2C0 22.9 22.9 0 51.2 0" style="fill:#0f172a"/><circle cx="93.9" cy="93.9" r="21.3" style="fill:#ef4444"/><circle cx="162.1" cy="93.9" r="21.3" style="fill:#fbbf24"/><circle cx="230.4" cy="93.9" r="21.3" style="fill:#22c55e"/><path d="M124.6 237.9c3.2.4 6.2 1.3 9.3 2.7.7-.4 1.4-.7 2-.9s1.3-.3 1.9-.3c2 0 3.7.7 5 2.1s1.9 3.7 1.9 7v4.4c0 3.3-.6 5.6-1.9 7s-2.9 2.1-4.9 2.1c-1.8 0-3.4-.6-4.6-1.8-1.3-1.2-2-3-2.2-5.3-3.2-2.5-7.2-3.8-12-3.8-5 0-8.7.9-11 2.7s-3.5 3.8-3.5 6q0 2.55 2.1 4.5c1.4 1.3 4.4 2.5 8.9 3.4l9.1 1.9c7.6 1.6 13.1 3.9 16.5 7 4.4 4 6.5 9.2 6.5 15.7 0 5.7-2 10.7-6 15.2-4 4.4-9.7 7.3-17 8.8v11.6c0 3.3-.6 5.6-1.9 7s-2.9 2.1-5 2.1c-2 0-3.6-.7-4.9-2.1s-1.9-3.7-1.9-7v-11.6c-3.6-.8-7.1-1.9-10.7-3.5-1.9 1.6-3.7 2.4-5.3 2.4-2.2 0-3.9-.7-5.2-2.1s-1.9-3.7-1.9-7v-8.6c0-3.3.6-5.6 1.9-7s2.9-2.1 5-2.1c1.6 0 3 .4 4.1 1.3s1.9 2.3 2.4 4.1q.75 2.7 2.1 4.2c1.3 1.4 3.4 2.6 6.1 3.6s5.5 1.4 8.4 1.4c5.1 0 9.3-1.3 12.7-3.9 2.3-1.7 3.4-4 3.4-6.7 0-2.3-.8-4.1-2.3-5.6-1.5-1.4-4.7-2.6-9.5-3.6l-10.3-2.1c-7.2-1.4-12.6-4-15.9-7.8-3.4-3.8-5.1-8.3-5.1-13.6 0-5.2 1.8-9.9 5.5-14 3.6-4.1 8.5-6.7 14.6-7.7v-3.7c0-3.2.6-5.6 1.9-7s2.9-2.1 5-2.1c2 0 3.6.7 4.9 2.1s1.9 3.7 1.9 7v3.6zM237.5 361h-75.1c-3.3 0-5.6-.6-7-1.9-1.4-1.2-2.1-2.9-2.1-4.9s.7-3.7 2.1-5 3.7-1.9 7-1.9h75.1c3.2 0 5.6.6 7 1.9s2.1 2.9 2.1 5c0 2-.7 3.6-2.1 4.9-1.3 1.3-3.7 1.9-7 1.9" style="fill:#10b981"/></svg>

使用上の注意

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