Show your work

Badges.

Name: Watchfire
Author: Watchfire

Embed a “Made with Watchfire” badge in your README to credit the workflow and help others discover Watchfire. Pick a style, copy the snippet, paste it in.

Looking for the full press kit — logo files, palette, typography? That lives on the brand page.

See all embeds → — stats widgets, GitHub stars, version badges, and more.

Variant

Default — fire orange

Shields.io-style flat layout, 20px tall. Sits cleanly next to npm and build badges.

Markdown

[![Made with Watchfire](https://watchfire.io/badges/made-with-watchfire.svg)](https://github.com/watchfire-io/watchfire)

HTML

<a href="https://github.com/watchfire-io/watchfire"><img src="https://watchfire.io/badges/made-with-watchfire.svg" alt="Made with Watchfire" height="20" /></a>

reStructuredText

.. image:: https://watchfire.io/badges/made-with-watchfire.svg
   :target: https://github.com/watchfire-io/watchfire
   :alt: Made with Watchfire

Download SVG/badges/made-with-watchfire.svg

Variant

Dark — charcoal

Both halves dark with white text. For README headers on dark backgrounds.

Markdown

[![Made with Watchfire](https://watchfire.io/badges/made-with-watchfire-dark.svg)](https://github.com/watchfire-io/watchfire)

HTML

<a href="https://github.com/watchfire-io/watchfire"><img src="https://watchfire.io/badges/made-with-watchfire-dark.svg" alt="Made with Watchfire" height="20" /></a>

reStructuredText

.. image:: https://watchfire.io/badges/made-with-watchfire-dark.svg
   :target: https://github.com/watchfire-io/watchfire
   :alt: Made with Watchfire

Download SVG/badges/made-with-watchfire-dark.svg

Variant

Light — off-white

Both halves light with dark text and a subtle border. For light README headers.

Markdown

[![Made with Watchfire](https://watchfire.io/badges/made-with-watchfire-light.svg)](https://github.com/watchfire-io/watchfire)

HTML

<a href="https://github.com/watchfire-io/watchfire"><img src="https://watchfire.io/badges/made-with-watchfire-light.svg" alt="Made with Watchfire" height="20" /></a>

reStructuredText

.. image:: https://watchfire.io/badges/made-with-watchfire-light.svg
   :target: https://github.com/watchfire-io/watchfire
   :alt: Made with Watchfire

Download SVG/badges/made-with-watchfire-light.svg

Variant

Flame — gradient with logo

Taller (28px), rounded, with the flame glyph and a fire-orange-to-ember-gold gradient. The hero variant.

Markdown

[![Made with Watchfire](https://watchfire.io/badges/made-with-watchfire-flame.svg)](https://github.com/watchfire-io/watchfire)

HTML

<a href="https://github.com/watchfire-io/watchfire"><img src="https://watchfire.io/badges/made-with-watchfire-flame.svg" alt="Made with Watchfire" height="28" /></a>

reStructuredText

.. image:: https://watchfire.io/badges/made-with-watchfire-flame.svg
   :target: https://github.com/watchfire-io/watchfire
   :alt: Made with Watchfire

Download SVG/badges/made-with-watchfire-flame.svg

Usage guidelines.

A short list. Use the badge to credit, not to claim.

Link the badge to github.com/watchfire-io/watchfire, or to your own Watchfire-built repo.
Use the badge to credit the workflow, not to imply endorsement. Watchfire hasn’t reviewed any specific project that uses it.
The badge SVGs are public domain (CC0). Embed them, mirror them, self-host them — no attribution required, though it’s appreciated.
Don’t recolor the badge to something off-brand. Use one of the four variants as-is. Need a custom variant? Open a discussion.

Want a different size or layout? The SVG sources are in the website repo — contribute one.