--- 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 ---

EBI Icons v1.3 have been released

As of 17 Dec 2018, v1.3 of these icons have are available for use in production.

The update brings more icons along with simpler usage: see them here

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}}