Badgeworks

1. Badge Style Variant

2. Text & Typography

Subtitle (Top Text)

Main Title (Bottom Text)

Text Effects

Text Gradient Text Outline Text Shadow

Top Color

#61DAFB

Bottom Color

#FFFFFF

Outline Color

#000000

Outline Width: 1.5px

Subtitle Color

#E0E0E0

Main Title Color

#FFFFFF

Shadow Color

#000000

Shadow Blur: 2px

3. Logo / Icon

Position & Source

FontAwesome Icon

fa-

Browse icons at fontawesome.com/icons

Icon Preview

theSVG Icon

6,500+ free brand icons — browse at thesvg.org

Icon Preview

Click to upload PNG, JPG, or SVG logo Supported formats: .png, .jpg, .jpeg, .webp, .svg

Icon Size

Logo Size: 34px

Circle Size: 40px

Outline Width: 2px

Shadow Blur: 2px

Icon Effects

Circle Behind Logo Custom Logo Color Logo Outline

Logo Shadow Outline Gradient

Circle Color

#FFFFFF

Logo Color

#FFFFFF

Outline Color

#FFFFFF

Shadow Color

#000000

Gradient Top

#FFFFFF

Gradient Bottom

#61DAFB

4. Background & Dimensions

Background Gradient

Preset / Custom

Adds another gradient stop

2–7 gradient stops. Pick a preset or set your own colors.

Dimensions

Border Radius: 8px

Right Padding: 8px

Live Preview

164 × 56 px

Opens the official New Badge issue form with the generated badge information pre-filled.

![GitHub](devin_badge.svg)