ServiceRadar

ServiceRadar 官方向量標誌，歸屬工具產品分類，提供無損 SVG 與 1024px 高畫質透明去背景 PNG 下載。

滾輪縮放 · 拖動平移 · 雙擊放大

色彩提取

點選直接複製色值

單色純正規範該標誌採用單一品牌官方基色，建議在排版中保持純正

下載 SVG 向量檔案 PNG

一鍵打包 ZIP

ADChatGPT Plus·官方正規車位 · 極速上手 GPT-6.1 Sol / 深度研究

優惠碼 6666888 享95折

ADNetflix 4K·獨立車位 · 專屬 PIN 鎖防打擾 · 全裝置秒連

限時特惠碼 6666888 享95折

向量格式: SVG · 18:19
匯出解析度: 1024 × 1024 px
畫布視口: 0 0 144.0 152
原始碼體積: 2.0 KB · 6 個路徑節點
官方來源: https://serviceradar.cloud/

編輯與匯出

修改顏色、新增背景或留白後匯出常用格式，全程在瀏覽器本地完成

顏色

單色

背景

留白0%圓角0%

格式

尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 與網站圖示套裝ServiceRadar.zip

品牌視覺規範與工程參數檔案

面向設計系統與工程引用的官方色彩、視口幾何與對比度實測參數

品牌實體 / 展示名稱: ServiceRadar
行業分類歸屬: 工具產品
官方基色 (HEX / RGB / HSL): #4CAF50rgb(76, 175, 80) · hsl(122, 39%, 49%)
WCAG 亮暗底對比度與向量體積: 白底 2.8:1 · 暗底 7.1:1 · 2.0 KB

向量程式碼片段

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     width="144.0" height="152" viewBox="0 0 144.0 152" role="img" aria-label="ServiceRadar logo static black">
  <title>ServiceRadar</title>
  <defs>
    <style><![CDATA[
      .brand-text {
        font-family: "Inter","SF Pro Display","Helvetica Neue",Arial,sans-serif;
        font-weight: 800;
        font-size: 22px;
        text-anchor: middle;
        fill: #000000;
      }
    ]]></style>
  </defs>

  <!-- Centered static radar -->
  <g id="logo-group" transform="translate(24.0,0)">
    <svg x="0" y="0" width="96" height="96" viewBox="0 0 32 32">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32">
  <!-- Define a gradient for the wedge -->
  <defs>
    <linearGradient id="wedgeGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="rgba(76, 175, 80, 0.3)" />
      <stop offset="100%" stop-color="rgba(76, 175, 80, 0)" />
    </linearGradient>
  </defs>
  <!-- Background circle with a semi-transparent green fill -->
  <circle cx="16" cy="16" r="14" fill="rgba(76, 175, 80, 0.1)" stroke="rgba(76, 175, 80, 0.3)" stroke-width="2" />
  <!-- Inner circle -->
  <circle cx="16" cy="16" r="8" stroke="rgba(76, 175, 80, 0.3)" stroke-width="2" fill="none" />
  <!-- Wedge-shaped radar sweep with gradient fade -->
  <path d="M16,16 L32,16 A16,16 0 0,1 29.856,6.144 Z" fill="url(#wedgeGradient)">
    
  </path>
  <!-- Leading edge line (white) -->
  <line x1="16" y1="16" x2="32" y2="16" stroke="#FFFFFF" stroke-width="1">
    
  </line>
  <!-- Center dot (smaller and more subtle) -->
  <circle cx="16" cy="16" r="1" fill="#4CAF50" />
  <!-- Subtle pulse effect -->
  <circle cx="16" cy="16" r="1" fill="none" stroke="rgba(76, 175, 80, 0.3)" stroke-width="2" stroke-opacity="0.5">
    
    
  </circle>
</svg>
    </svg>
  </g>

  <!-- Black text underneath -->
  <g id="text-group" transform="translate(72.0, 125.33333333333333)">
    <text class="brand-text">ServiceRadar</text>
  </g>
</svg>