本文へスキップ

Spot.io

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

Spot.io Logo

ブランドカラー

クリックでカラーコードをコピー

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1.00:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 160.32 160.08
ファイルサイズ
1.2 KB · 4 パス
公式サイト
https://spot.io/

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
Spot.io
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0085FErgb(0, 133, 254) · hsl(209, 100%, 50%)
WCAG コントラストとファイルサイズ
白背景 3.6:1 · 黒背景 5.5:1 · 1.2 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160.32 160.08"><path d="M160.3,80.16q0,39.47,0,78.94c0,.82-.16,1-1,1q-79.18,0-158.36,0c-.82,0-1-.16-1-1Q0,80,0,1C0,.16.16,0,1,0Q80.17,0,159.34,0c.82,0,1,.16,1,1Q160.27,40.57,160.3,80.16Z" fill="none"/><path d="M106,110.4a44.12,44.12,0,0,1-12.88,5.9,39.24,39.24,0,0,1-9.94,1.35c-11.07,0-22.15-.12-33.22,0a32.87,32.87,0,0,1-6.27-65.22A20.9,20.9,0,0,1,48.25,52a2.36,2.36,0,0,0,2.12-1A40.91,40.91,0,0,1,75.67,36c17.25-3.12,35.42,5.94,43.4,21.62a45.43,45.43,0,0,1,3.81,10.65l-.12.15a2.61,2.61,0,0,1-1.36.38,23.09,23.09,0,0,0-13.56,5.68A23.32,23.32,0,0,0,99.63,89.1a24,24,0,0,0,5.85,20.21,3.54,3.54,0,0,1,.6.74A.32.32,0,0,1,106,110.4Z" fill="#0085fe"/><path d="M106,110.4a1.1,1.1,0,0,1,0-.18c.17-.5.62-.72,1-1a40.5,40.5,0,0,0,15.86-26.54,39.14,39.14,0,0,0,0-12,4.23,4.23,0,0,1-.09-2.23l.07-.1c8.26,0,15.17,3,20.23,9.53,5.75,7.45,6.91,15.81,3.39,24.48s-10.17,13.75-19.45,15.09a23.91,23.91,0,0,1-20.37-6.48C106.48,110.74,106.25,110.58,106,110.4Z" fill="#fe00cd"/><path d="M122.81,68.41a39.09,39.09,0,0,1-.28,17.87,40.7,40.7,0,0,1-15.76,23.52c-.22.16-.47.28-.71.42a22.2,22.2,0,0,1-6.63-12.44c-1.54-8.57.71-16.12,6.88-22.31a23.15,23.15,0,0,1,15.08-7C121.87,68.48,122.32,68.23,122.81,68.41Z" fill="#1e1e99"/></svg>

使用上の注意

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