Overview
Custom Badges allow you to create stylish labels with built-in support for our premium logo set.Badge vs Logo Icons: The
badge endpoint on this page wraps icons inside a badge-style container. If you only need the raw icon as a transparent SVG, see the Logo Icons page.Visual Examples
Badge Styles
Select a style to see the layout differences.- Icon-Text
- Icon Only
- Flat (Default)
Advanced Customization
Fine-tune your badges with custom colors, sizing, and corner radius.- Custom Colors
- Corner Radius
Social Stats
Dynamic badges for your GitHub activity.- Profile Views
- Followers
Customization Options
| Parameter | Description |
|---|---|
style | icon, icon-text, or flat (default) |
icon | Logo name (e.g., React, TypeScript) |
text / message | The main text to display |
label | The left-side label |
color | Main background color (hex) |
labelColor | Label background color (hex) |
radius | Corner radius |
height | Badge height (default 48) |