--- meta-title: EMBL-EBI Style Lab title: EMBL-EBI Icon fonts for the life sciences cta: EMBL-EBI has produced a robust set of icon fonts that represent actions and things common in our field, like databases; actions, like uploading; concepts, like gene expression; or platforms, like e-mail or Twitter. filter-nav: false filter-dropdowns: false layout: static location: /general/fonts/v1.2 framework-version: 1.2 icon-version: 1.2 ---

If you're in need of an icon for a squirrel, bucket, or something useful: Request an icon

Using these fonts

To use these on a website, include the fonts.css stylesheet listed below, and use the HTML code examples listed in the gallery further down the page.

  • You can load the default CSS by linking to the v1.2 release at ebi.emblstatic.net/web_guidelines/EBI-Icon-fonts/v1.2/fonts.css
  • To make the icons appear, you need to include particular class and data-icon attributes in the relevant HTML element:

    <strong><i class="icon icon-generic" data-icon="4"></i> This is an example icon</strong>

    The browser's CSS parser will read the data-icon parameter and use the icon pictogram corresponding to "4":

    This is an example icon

  • The EBI Visual framework no longer adds automatic padding to icons (in most scenarios), if you want to add padding, use the helper classes or add .icon-spacer to the .icon's element.

If your computer does not already have these fonts installed, use the links to download TTF files. Need help installing?

NB: You can preview the icons below.

Need to do something else?

Need help?

Head to the issue queue

Just a bit of guidance?

For more information on using fonts with the EMBL-EBI Visual Framework and making the most of the framework, view the EBI Style Lab

Looking for "Corporate" fonts?

If you are making official EMBL-EBI documents, including slides and posters, it's best if you use Helvetica Neue Pro in your headings.

{{> fonts-v1_2}}