Stamps
Free · No sign-up · Retina-ready SVG

Buttons for your README, made from a link.

Put your text in a URL, add a few parameters, and paste it into any Markdown file, GitHub README, blog or website. No account, no build step.

Make a buttonSee all parameters

How it works

  1. Write your text in the linkgh-stamps.vercel.app/api/Example
  2. Add parameters after a ??backgroundColor=0C7C59&icon=heart
  3. Paste it anywhere images work![Button](…)
![Button](https://gh-stamps.vercel.app/api/Example)
Example button

Playground

Change anything. The link and the snippets update as you go.

Live previewPreview of your button
https://gh-stamps.vercel.app/api/Example?fontSize=14&borderRadius=4&borderWidth=1&padding=10&backgroundColor=c2e1ff&color=1d568b&borderColor=90bee9
Content
Icon
Shape
Colour

Parameters

Start with ? and join more with &. Every parameter is optional.

fontFamily=helvetica

One of: helvetica, andale mono, arial, avenir, avenir next, comic sans ms, courier new, georgia, impact, quantify, tahoma, times new roman, trebuchet ms, verdana, webdings. Write spaces as %20.

fontSize=14

Text size in pixels. The icon scales with it.

borderRadius=4

Corner rounding in pixels.

backgroundColor=0794e0

A colour name like teal or a hex value without the #, like C0FFEE.

color=white

Colour of the text and the icon. Names and hex values both work.

borderWidth=0borderColor=0b76b0

Border thickness in pixels, and its colour.

padding=0

Space around the text. When set, it replaces the four values below (left and right get 4px extra).

paddingTop=8paddingRight=16paddingBottom=8paddingLeft=16

Space on one side only.

icon

Any free Font Awesome icon by name. Unknown names are ignored, so the button still renders.

iconStyle=solid

solid, regular or brands. If the icon is not drawn in that style, another style is used.

iconPosition=before

before or after the text.

Examples

Click one to open it in the playground.