Skip to content
LogoHub
Dev & Tools

Keycloak

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

Keycloak Logo

Brand Color Palette

Click swatch to copy HEX

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.11:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 168 151
File Size / Nodes
1.7 KB · 14 paths
Official Site
https://keycloak.org

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 setKeycloak.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Keycloak
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#00B8E3rgb(0, 184, 227) · hsl(191, 100%, 45%)
WCAG Surface Contrast
Light 2.3:1 · Dark 8.5:1

Inline SVG Code Snippet

<svg width="168" height="151" viewBox="0 0 168 151" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9021 37.3017L43.5057 0.0132763L130.506 0.00193787L151.992 37.6607L152.019 112.993L130.509 150.63L43.5359 150.66L21.6829 112.997L21.9021 37.3017Z" fill="#4D4D4D"/>
<path d="M21.6867 112.986H60.8951L39.3596 75.0361L56.8737 37.3093L21.9059 37.3017L0 75.3422" fill="#EDEDED"/>
<path d="M72.7853 112.986H101.445L126.787 76.049L101.887 37.6645H68.1744L47.8672 74.7564L72.7853 112.986Z" fill="#E0E0E0"/>
<path d="M0 75.3384L21.6867 112.997H60.8989L39.5977 75.4669L0 75.3384Z" fill="#ACACAC"/>
<path d="M48.2792 75.346L72.7891 112.997H101.445L126.39 75.3611L48.2792 75.346Z" fill="#9E9E9E"/>
<path d="M57.9849 75.3649L50.5884 77.5192L43.4905 75.3611L72.4679 25.1317L79.7169 37.6721" fill="#00B8E3"/>
<path d="M79.6867 112.986L72.4755 125.579L53.2265 104.841L43.4755 75.3725V75.3573H57.9811" fill="#33C6E9"/>
<path d="M43.4943 75.3611H43.4792V75.3725L36.2339 87.9279L28.9584 75.4292L36.336 62.6318L57.9849 25.1393H72.4754" fill="#008AAA"/>
<path d="M123.226 112.986H167.114L167.087 37.6607H123.226V112.986Z" fill="#D4D4D4"/>
<path d="M123.226 75.4632V112.993H167.034V75.4632H123.226Z" fill="#919191"/>
<path d="M72.483 125.594H57.9811L36.2339 87.9241L43.4792 75.3762L72.483 125.594Z" fill="#00B8E3"/>
<path d="M130.464 75.3611L101.479 125.583C98.8147 121.667 94.2491 112.997 94.2491 112.997L115.992 75.3536L130.464 75.3611Z" fill="#008AAA"/>
<path d="M115.955 125.583L101.479 125.579L130.468 75.3573L137.709 62.817L144.974 75.4405M130.464 75.3611H115.996L94.2453 37.6683L101.445 25.1431L119.05 47.5252L130.464 75.3611Z" fill="#00B8E3"/>
<path d="M137.709 62.8095V62.8208L130.464 75.3611L101.449 25.1469L115.966 25.1544L137.709 62.8095Z" fill="#33C6E9"/>
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1.11:1 aspect ratio (viewBox "0 0 168 151") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.

Related Brand Logos

View All in Category
Action completed