Appwrite
Dev & Tools
Learn
Official Learn (azure-learn) vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.
Brand Color Palette
Click swatch to copy HEXSingle-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 ResearchCode 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices SupportedCode 6666888 · 5% OFF
- Vector Format
- SVG · 1:1
- Raster Export
- 1024 × 1024 px
- SVG viewBox
- 0 0 18 18
- File Size / Nodes
- 2.2 KB · 8 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 setLearn.zip
Brand Visual Specifications & SVG Parameters
Database-extracted geometry, color models & WCAG contrast metrics
- Brand Entity / Display Name
- Learn (azure-learn)
- Industry Category
- Dev & Tools
- Primary Color (HEX / RGB / HSL)
- #0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
- WCAG Surface Contrast
- Light 4.5:1 · Dark 4.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="b3088683-8265-4928-ad86-999607a53d8b" x1="54.259" y1="17.732" x2="54.259" y2="12.155" gradientTransform="translate(-48.199 0.923)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#76bc2d" /><stop offset="0.192" stop-color="#7fcb30" /><stop offset="0.42" stop-color="#84d332" /><stop offset="0.775" stop-color="#86d633" /></linearGradient><linearGradient id="b6572822-9d06-40d7-9f8a-609e85cc5056" x1="8.267" y1="14.714" x2="8.267" y2="1.379" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1988d9" /><stop offset="0.9" stop-color="#54aef0" /></linearGradient></defs><title>MsPortalFx.base.images-47</title><g id="e7f2c134-7fdf-4736-82a0-a541e4ef89e7"><g><path d="M2.881,1.393,3.93.175A.51.51,0,0,1,4.314,0H14.366a.7.7,0,0,1,.768.719V13.265a.508.508,0,0,1-.166.377l-1.132,1.031H3.561l-.695-.292Z" fill="#005ba1" /><path d="M3.725,1.387,4.367.655A.453.453,0,0,1,4.707.5H14.1a.451.451,0,0,1,.451.452v11.93a.45.45,0,0,1-.147.334l-1,.914Z" fill="#fff" /><g><path d="M7.654,12.9H4.464a.172.172,0,0,0-.171.172V17.9a.086.086,0,0,0,.139.067l1.574-1.234a.082.082,0,0,1,.036-.015l-.006,0,1.79-1.4V13.07A.172.172,0,0,0,7.654,12.9Z" fill="url(#b3088683-8265-4928-ad86-999607a53d8b)" /><path d="M6.036,16.712l1.79-1.4v2.6a.086.086,0,0,1-.138.068Z" fill="#76bc2d" /></g><path d="M13.334,1.379H2.914a.048.048,0,0,0-.048.048V14.381a.333.333,0,0,0,.333.333H13.334a.334.334,0,0,0,.334-.333V1.712A.334.334,0,0,0,13.334,1.379Z" fill="url(#b6572822-9d06-40d7-9f8a-609e85cc5056)" /><g><path d="M6.059,6.142V9.686H5.3V7a.931.931,0,0,1-.149.1,1.463,1.463,0,0,1-.182.089,1.7,1.7,0,0,1-.2.068,1.386,1.386,0,0,1-.206.04V6.662a3.08,3.08,0,0,0,.561-.223,3.169,3.169,0,0,0,.477-.3Z" fill="#fff" /><path d="M8.3,9.747q-1.239,0-1.238-1.739A2.358,2.358,0,0,1,7.4,6.634a1.115,1.115,0,0,1,.97-.473q1.209,0,1.209,1.768a2.331,2.331,0,0,1-.33,1.349A1.085,1.085,0,0,1,8.3,9.747Zm.034-3q-.5,0-.5,1.245,0,1.173.486,1.173T8.8,7.953Q8.8,6.744,8.335,6.744Z" fill="#fff" /><path d="M11.756,6.142V9.686h-.762V7a.888.888,0,0,1-.149.1,1.463,1.463,0,0,1-.182.089,1.636,1.636,0,0,1-.2.068,1.4,1.4,0,0,1-.205.04V6.662a3.139,3.139,0,0,0,.561-.223,3.209,3.209,0,0,0,.476-.3Z" fill="#fff" /></g></g></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.
