ISCN Badge

This page is showing how to use query string to change ISCN badge Looks in color and size.

You can add one of the following query string after the "?" of the Base URL below. Base URL: https://static.like.co/badge/iscn/dev/<iscn_hash>.svg?

Success Example: https://static.like.co/badge/iscn/dev/976F3D3D32F32B2496E5D48273A61080F08F8C3A40F7EFDB878519107787DF12.svg?dark=1&responsive=0&width=82

Query String

Accepted Value

dark

boolean. e.g. 0 (light) or 1 (dark)

When not provided, default to 0.

responsive

boolean. e.g. 0 (size is not responsive) or 1 (responsive size)

When not provided, default to 0.

width

number. e.g. 164 (164px)

When not provided, default to 164.

height

number. e.g. 64 (64px)

When not provided, default to 64.

Some errors may happened when providing multiple conflicting query string values between responsive, width, and height.

Error Scenario

Error Code & Explanation

responsive=1&width=30

400 Does not know whether the user want a fixed size or responsive size.

responsive=1&height=20

400 Does not know whether the user want a fixed size or responsive size.

responsive=0&height=sf

400

Height in wrong format (NaN).

responsive=0&wodth=sf

400

Height in wrong format (NaN).

Note:

When providing both height & width, but the ratio does not fit to 164 (width) * 64 (height), we will anchor the size of the badge on width. For example, user provides width=200&height=400, the overall size for the badge would be: width=200&height=200*64/164.

Edit on GitHub