buttons

 Buttons  (badges, logos, banners) that you can use to link to indieweb.org.

Logos


For other versions (size, color, file formats), see the indieweb/branding repo on GitHub.

Buttons
as an SVG

as an SVG

as an SVG

These need to be updated to the new logo.

IndieWeb
by



IndieWeb Verified
by



IndieWeb Building Blocks
linked some IWC, Webmentions, Microfomats, and other small buttons/badges at https://aaronparecki.com/2017/12/30/7/indieweb-badge

... more ...
Feel free to upload your own IndieWeb or IndieWebCamp related logos and embed them here!

Webmentions Accepted
Idea: an I ❤️ Webmentions or Webmentions accepted ✅ button to indicate your site accepts webmentions.

Link the button to your webmention endpoint with a query param of the page its on as the default target.

Have your webmention endpoint present a form UI to submit a webmention with the target auto-filled in with the default target from abovementioned link.

Use-case: Webmention-faq

Indiewebified
For some old school web fun, if your site passes the tests at Indiewebify.me, one could add a button to their site with a link to Indiewebify.me and/or to the link indicating that their site passed. (Contextual note: many of these old buttons were originally used to indicate that a site used certain specifications or passed certain validation tests.)



Rendering on high resolution displays
Suggestion: add style="image-rendering:pixelated;" to the img tag for small badges when viewed on high-resolution displays. They will retain their pixelated look instead of made blurry when scaled up.