Open Buttons

We’ve created some web buttons which you can use to indicate that the material you are distributing is open.

There are a variety of colours and shapes and you can check out the full range on this demo page:

To add an open knowledge button to your page:

1. Add one of the html snippets below to your web page.
2. [optional] Change the button image by changing the src attribute on the img tag to the url of a different button (see links above).
3. [optional] Store the button locally: you can also download the button you want to use and save it locally (just navigate to the directory linked above, click on the button you want and then choose Save As). If you do this you will want to update the src url to point to your local copy.

Open Knowledge Button

<a href="https://opendefinition.org/"><img src="https://opendefinition.org/assets.okfn.org/images/ok_buttons/ok_80x15_blue.png" alt="This material is Open Knowledge"/></a>

The result should look similar to:

Open Data Button

<a href="https://opendefinition.org/"><img src="https://opendefinition.org/assets.okfn.org/images/ok_buttons/od_80x15_blue.png" alt="This material is Open Data"/></a>

The result should look similar to:

Open Content Button

<a href="https://opendefinition.org/"><img src="https://opendefinition.org/assets.okfn.org/images/ok_buttons/oc_80x15_blue.png" alt="This material is Open Content"/></a>

Which should look similar to: