Skip to content
LogoHub
Dev & Toolsazure-system-topic

System Topic

Official System Topic (azure-system-topic) vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

System Topic 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 · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 18 18
File Size / Nodes
3.5 KB · 15 paths
Official Site
https://azure.microsoft.com/en-us/products/

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 setSystem Topic.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
System Topic (azure-system-topic)
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#7FBA00rgb(127, 186, 0) · hsl(79, 100%, 36%)
WCAG Surface Contrast
Light 2.4:1 · Dark 8.4:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="bc881cb0-2250-4e99-b6cd-568a96c57a9d" x1="10.467" y1="9.987" x2="10.467" y2="7.506" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#773adc" /><stop offset="1" stop-color="#a67af4" /></linearGradient><linearGradient id="f536bf50-992c-4fa0-bbf6-4d12488616d9" x1="4.288" y1="13.077" x2="4.58" y2="5.029" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="f6c8ad87-986c-41f6-be34-270b4e00d1b0" x1="8.711" y1="13.237" x2="9.003" y2="5.189" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="bbbaf763-e5a9-4da8-9d1e-32d9d3fe8ff0" x1="8.915" y1="13.245" x2="9.207" y2="5.197" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient><linearGradient id="aa6fdf52-a4ca-43f3-b8a8-2f510d97420f" x1="4.471" y1="13.083" x2="4.763" y2="5.035" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5e9624" /><stop offset="1" stop-color="#76bc2d" /></linearGradient></defs><path d="M.613.993H1.976V4.775a.306.306,0,0,1-.306.306H.307A.306.306,0,0,1,0,4.775V1.606A.6.6,0,0,1,.592.993Z" fill="#a3a3a3" /><path d="M.613.993H1.976V4.775a.306.306,0,0,1-.306.306H.307A.306.306,0,0,1,0,4.775V1.606A.6.6,0,0,1,.592.993Z" fill="#a3a3a3" opacity="0.5" /><path d="M16.025.993h1.362a.6.6,0,0,1,.6.6v3.18a.306.306,0,0,1-.306.306H16.331a.306.306,0,0,1-.306-.306V.993Z" fill="#a3a3a3" /><path d="M16.025.993h1.362a.6.6,0,0,1,.6.6v3.18a.306.306,0,0,1-.306.306H16.331a.306.306,0,0,1-.306-.306V.993Z" fill="#a3a3a3" opacity="0.5" /><path d="M17.989,1.585v1.32H.032V1.585a.6.6,0,0,1,.6-.6H17.387A.6.6,0,0,1,17.989,1.585Z" fill="#949494" /><path d="M.307,12.9H1.67a.306.306,0,0,1,.306.306v3.813H.613A.6.6,0,0,1,0,16.426c0-.011,0-.021,0-.032V13.225A.306.306,0,0,1,.285,12.9Z" fill="#a3a3a3" /><path d="M.307,12.9H1.67a.306.306,0,0,1,.306.306v3.813H.613A.6.6,0,0,1,0,16.426c0-.011,0-.021,0-.032V13.225A.306.306,0,0,1,.285,12.9Z" fill="#a3a3a3" opacity="0.5" /><path d="M16.331,12.9h1.363A.306.306,0,0,1,18,13.2h0v3.169a.6.6,0,0,1-.6.6H16.025v-3.75a.306.306,0,0,1,.284-.327Z" fill="#a3a3a3" /><path d="M16.331,12.9h1.363A.306.306,0,0,1,18,13.2h0v3.169a.6.6,0,0,1-.6.6H16.025v-3.75a.306.306,0,0,1,.284-.327Z" fill="#a3a3a3" opacity="0.5" /><path d="M0,16.415V15.1H17.958v1.32a.6.6,0,0,1-.6.6H.6A.6.6,0,0,1,0,16.415Z" fill="#949494" /><path d="M15.436,8.828,13.3,6.664a.106.106,0,0,0-.148-.019.105.105,0,0,0-.04.1V8.075a.1.1,0,0,1-.092.117H7.83a1.237,1.237,0,0,0-.976-.482c-.042,0-.084-.006-.125-.006a1.294,1.294,0,0,0-.122,2.582q.061.006.123.006c.041,0,.083,0,.124-.006a1.272,1.272,0,0,0,.987-.494H13a.106.106,0,0,1,.1.094V11.2a.107.107,0,0,0,.1.11h0a.1.1,0,0,0,.082-.039l2.141-2.129A.235.235,0,0,0,15.436,8.828Z" fill="url(#bc881cb0-2250-4e99-b6cd-568a96c57a9d)" /><path d="M2.746,5.448V8.531H4.7A2.073,2.073,0,0,1,6.33,6.943v-2H3.246A.5.5,0,0,0,2.746,5.448Z" fill="url(#f536bf50-992c-4fa0-bbf6-4d12488616d9)" /><path d="M10.259,4.947H7.175v2a2.059,2.059,0,0,1,.99.451h2.594V5.447A.5.5,0,0,0,10.259,4.947Z" fill="url(#f6c8ad87-986c-41f6-be34-270b4e00d1b0)" /><path d="M7.175,11.053v1.979h3.084a.5.5,0,0,0,.5-.5v-1.94H8.179A2.046,2.046,0,0,1,7.175,11.053Z" fill="url(#bbbaf763-e5a9-4da8-9d1e-32d9d3fe8ff0)" /><path d="M4.7,9.448H2.746v3.084a.5.5,0,0,0,.5.5H6.33V11.043A2.036,2.036,0,0,1,4.7,9.448Z" fill="url(#aa6fdf52-a4ca-43f3-b8a8-2f510d97420f)" />​
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 18 18") 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