Skip to content
Dev & Toolsazure-azure-ad-b2cAAD B2C

Azure AD B2C

Official Azure AD B2C (azure-azure-ad-b2c) vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Azure AD B2C 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

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.3 KB · 10 paths

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 setAzure AD B2C.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Azure AD B2C (azure-azure-ad-b2c)
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#FFB900rgb(255, 185, 0) · hsl(44, 100%, 50%)
WCAG Surface Contrast
Light 1.7:1 · Dark 11.5:1

Inline SVG Code Snippet

<svg id="uuid-77cc03fe-cfc2-446b-95f3-9fef5e772b33" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><linearGradient id="uuid-9d0070d1-e6c3-4bd4-b769-bd580face6b5" x1="7.697" y1="779.148" x2="14.082" y2="786.61" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#225086" /><stop offset="1" stop-color="#0055c5" /></linearGradient><linearGradient id="uuid-fb07e9fb-fda1-4a99-a975-89a57f51488c" x1="9.001" y1="775.935" x2="9.001" y2="794.824" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#44dbf9" /><stop offset="1" stop-color="#cbf8ff" /></linearGradient><linearGradient id="uuid-0c7ec16c-4a4b-408a-abd1-068f8547eaaa" x1="6.364" y1="778.143" x2="6.364" y2="794.391" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6df" /><stop offset="1" stop-color="#0294e4" /></linearGradient><linearGradient id="uuid-7312c86b-36d7-451e-ab4d-b3e40d80aa42" x1="13.5" y1="774.7" x2="13.5" y2="790.761" gradientTransform="translate(0 791.516) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#041642" /><stop offset="1" stop-color="#041642" stop-opacity=".25" /></linearGradient></defs><g><path d="m17.647,9.926L10.147,1.466c-.599-.676-1.694-.676-2.294,0L.353,9.926c-.579.654-.428,1.641.323,2.111l7.499,4.688c.5.313,1.148.313,1.648,0l7.499-4.688c.751-.469.902-1.457.323-2.111h0Z" fill="url(#uuid-9d0070d1-e6c3-4bd4-b769-bd580face6b5)" stroke-width="0" /><polygon points="4.636 10.158 4.688 10.19 9.001 12.886 9.001 12.886 13.365 10.158 13.366 10.158 13.365 10.158 9.001 5.234 4.636 10.158" fill="url(#uuid-fb07e9fb-fda1-4a99-a975-89a57f51488c)" stroke-width="0" /><g><path d="m10.148,1.466c-.599-.676-1.694-.676-2.294,0L.354,9.926c-.579.654-.428,1.641.323,2.111,0,0,2.776,1.735,3.126,1.954.388.242,1.033.511,1.715.511.621,0,1.197-.18,1.676-.487,0,0,0,0,.002-.001l1.804-1.128-4.364-2.728,4.474-5.047c.55-.627,1.377-1.026,2.302-1.026.472,0,.917.107,1.314.292l-2.579-2.909v-.002Z" fill="url(#uuid-0c7ec16c-4a4b-408a-abd1-068f8547eaaa)" stroke-width="0" /><path d="m9.001,16.96c.287,0,.574-.078.824-.234l7.499-4.688c.751-.469.902-1.457.323-2.111L10.148,1.466c-.3-.338-.723-.507-1.147-.507v16.001Z" fill="url(#uuid-7312c86b-36d7-451e-ab4d-b3e40d80aa42)" fill-opacity=".5" isolation="isolate" opacity=".5" stroke-width="0" /></g></g><g><path d="m17.556,15.66c.243,0,.44-.197.44-.44h0c0-1.362-1.09-2.475-2.452-2.502-1.531,0-2.322.951-2.472,2.502-.024.242.149.459.39.49h4.093v-.05Z" fill="#773adc" stroke-width="0" /><path d="m15.544,13.038c-.266.002-.528-.074-.751-.22l.741,1.932.731-1.922c-.216.135-.466.208-.721.21Z" fill="#fff" isolation="isolate" opacity=".8" stroke-width="0" /><circle cx="15.544" cy="11.657" r="1.381" fill="#773adc" stroke-width="0" /><path d="m14.784,17.041c.359.006.655-.281.661-.64,0-.007,0-.013,0-.02v-.08c-.26-2.052-1.431-3.733-3.673-3.733s-3.453,1.421-3.673,3.743c-.041.357.216.679.573.72.002,0,.005,0,.008,0h6.115l-.01.01Z" fill="#a67af4" stroke-width="0" /><path d="m11.801,13.058c-.395.002-.781-.113-1.111-.33l1.101,2.932,1.101-2.872c-.33.192-.709.286-1.091.27Z" fill="#fff" isolation="isolate" opacity=".8" stroke-width="0" /><circle cx="11.791" cy="10.997" r="2.062" fill="#a67af4" stroke-width="0" /></g></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.
View All in Category
Action completed