Skip to main content



Use this component pattern to identify a link as an ORCID iD, by including the ORCID symbol.

As an academic organisation, there are many situations where BAS websites and applications may use ORCID iDs. This pattern is designed to ensure they are shown in a consistent way that follow the ORCID Brand Guidelines, which are designed to increase recognition of ORCID iDs by users.


Use this pattern when:

  • displaying an ORCID iD

When using this pattern, do not:

  • change the positioning/ordering of the ORCID iD symbol and link
  • change the colour of the ORCID iD symbol
  • do anything that goes against the ORCID Brand Guidelines



Use the .bsk-orcid-id class with the ORCID icon inside a link to the ORCID ID as a URL.

<a href="">
    <i class="fab fa-orcid bsk-orcid-id"></i>

Open full example