Skip to content
LogoHub
Dev & Tools

ServiceRadar

Official ServiceRadar vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

ServiceRadar Logo

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

Download SVG Vector FilePNG
Download all as ZIP
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 18:19
Raster Export
1024 × 1024 px
SVG viewBox
0 0 144.0 152
File Size / Nodes
2.0 KB · 6 paths
Official Site
https://serviceradar.cloud/

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setServiceRadar.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
ServiceRadar
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#4CAF50rgb(76, 175, 80) · hsl(122, 39%, 49%)
WCAG Surface Contrast
Light 2.8:1 · Dark 7.1:1

Inline SVG Code Snippet

<?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>

Engineering & Layout Guidelines

  • Maintain the native 18:19 aspect ratio (viewBox "0 0 144.0 152") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

Related Brand Logos

View All in Category
Action completed