The badge

Put one of these on your homepage, pointing at https://iheartrss.com/. That link is what we check when you submit your site.

The image is not mandatory. We look for an <a href> pointing at us — so a plain text link counts exactly the same as the button. Pick whichever suits your design.

Button, on a light background

<a href="https://iheartrss.com/">
  <img src="https://iheartrss.com/iheartrss.svg" alt="I love RSS" width="88" height="31">
</a>

Button, on a dark background

<a href="https://iheartrss.com/">
  <img src="https://iheartrss.com/iheartrss-dark.svg" alt="I love RSS" width="88" height="31">
</a>

Auto-switching

For sites that follow the visitor’s OS theme. If your site is always light or always dark, use the fixed variant above instead — this one follows the visitor, not your page.

<a href="https://iheartrss.com/">
  <picture>
    <source srcset="https://iheartrss.com/iheartrss-dark.svg" media="(prefers-color-scheme: dark)">
    <img src="https://iheartrss.com/iheartrss.svg" alt="I love RSS" width="88" height="31">
  </picture>
</a>

Text only

I ♥ RSS

<a href="https://iheartrss.com/">I &hearts; RSS</a>

Sizes

The artwork is 1760×620, which is exactly 20× an 88×31 button, so 88×31 distorts nothing. Any multiple works the same way: 176×62, 264×93, 352×124. It’s SVG, so it is already sharp on retina screens — there are no @2x files to fetch. The width and height attributes are there to reserve space and stop the page jumping while the image loads.

The files

iheartrss.svg — wordmark for light backgrounds
iheartrss-dark.svg — wordmark for dark backgrounds
iheartrss-icon.svg — the heart on its own, square

Hotlinking is fine — it’s the point. Copy them onto your own server if you’d rather.

Badge on, feed next

The other half of getting listed is an RSS 2.0 feed advertised in the <head> of the page carrying this badge. The guide has the exact lines for Jekyll, Eleventy, Zola, Astro and hand-rolled sites, then submit your URL.