Favicon

The City of Helsinki favicon is used in digital services to identify the site window or tab.

The favicon consists of the text Helsinki framed by the shape derived from the city crest. The favicon must be used in accordance with the Visual Identity Guidelines.

Do not attempt to recreate the favicon! Always use the appropriate original file.

Note: The City of Helsinki logo is a registered trademark.

Principles

Official City of Helsinki services must always show the City of Helsinki favicon:

  • Sitewide, in the browser website title
  • Use the same favicon variant consistently

Usage

Contrast

The Helsinki framed favicon is primarily used in black, white, or with a transparent background depending on the circumstance.

Variants

There are many variants available in HDS. They all serve a very specific purpose.

  • Dark favicon package White favicon assets are used on dark backgrounds.
  • Light favicon package Black favicon assets are used on light backgrounds.
  • Dark transparent favicon package White favicon assets are used on transparent or multicoloured backgrounds.
  • Light transparent favicon package Black favicon assets are used on transparent or multicoloured backgrounds.

Installation

  1. Use the Github download link provided below to download the HDS Favicon package.
  2. Unzip the archive and copy the needed favicon package contents to the root directory of your website.
  3. Extract the contents and copy the following link tags and paste them into the HEAD of your HTML as needed.

For example:

Note All favicons and app icons have a specific purpose, but you are by no means required to use all of them.

Download

The favicon for the City of Helsinki digital services is a minimised version of the Helsinki logo. Various favicons are available as a downloadable ZIP package.

You can download the latest HDS Favicon kit from the HDS GitHub repository.