In v4.1, a cState badge for the general status is available at baseURL.example.com/index.svg.

In v5.1, you can access badges for individual components. Please make sure you have the correct setup as per the code snippet below. Then go to baseURL.example.com/affected/api/index.svg (or basically just click open your status page, click on one component (in this case it's API) and then add /index.svg to the end of the link.

Inspired by shields.io, suggested by cbergmann.

Add the following to your config.yml:

outputFormats:
  svg:
    isPlainText: true
    mediaType: image/svg+xml

Change your API code to this:

outputs:
  page:
    - html
    - json
  section:
    - html
    - json
    - rss
    - svg
  home:
    - html
    - json
    - rss
    - svg

Notice that svg is now added to the bottom under term as well as home.