-
Created by
Kiira Noponen, last updated on May 09, 2025
7 minute read
Below you can find different MPASSid logos you can add to your service page to indicate support for MPASSid login or to direct users to use the MPASSid option when logging into your service. You will find the logo files below and instructions on how to use them on the right side of the page.
Logo files
You can download each version of our logo as a PNG file (image file with transparent background) by clicking on the appropriate image. An SVG vector graphics version is available through the text link below each image.
Logo with text
File (click to download) | File name | Size | Description |
|---|---|---|---|
MPASSid logo notext | 3840x2160px (PNG), vector (SVG) | A coloured logo with the MPASSid name. | |
| MPASSid logo notext greyscale | 3840x2160px (PNG), vector (SVG) | A black-and-white logo with the MPASSid name. | |
| MPASSid logo notext negative | 3840x2160px (PNG), vector (SVG) | A negative logo with the MPASSid name. | |
| MPASSid logo FI | 3840x2160px (PNG), vector (SVG) | A coloured logo with the text "MPASSid identification" in Finnish. | |
| MPASSid logo SV | 3840x2160px (PNG), vector (SVG) | A coloured logo with the text "MPASSid identification" in Swedish. | |
| MPASSid logo EN | 3840 x 2160 px (PNG), vector (SVG) | A coloured logo with the text "MPASSid identification" in English. | |
| MPASSid logo FI greyscale | 3840x2160px (PNG), vector (SVG) | A black-and-white logo with the text "MPASSid identification" in Finnish. | |
| MPASSid logo SV greyscale | 3840x2160px (PNG), vector (SVG) | A black-and-white logo with the text "MPASSid identification" in Swedish. | |
| MPASSid logo EN greyscale | 3840x2160px (PNG), vector (SVG) | A black-and-white logo with the text "MPASSid identification" in English. | |
| MPASSid logo FI negative | 3840x2160px (PNG), vector (SVG) | A negative logo with the text "MPASSid identification" in Finnish. | |
| MPASSid logo SV negative | 3840x2160 px (PNG), vector (SVG) | A negative logo with the text "MPASSid identification" in Swedish. | |
| MPASSid logo EN negative | 3840x2160px (PNG), vector (SVG) | A negative logo with the text "MPASSid identification" in English. |
Logos for login buttons and other UI elements
File (click to download) | File name | Size | Description |
|---|---|---|---|
| symboli ja teksti | 238x48px (PNG), vector (SVG) | A coloured logo with the MPASSid name. A more concise layout allows this version to be used on its own as the image in a wide login button, for example. | |
 | symboli ja teksti kapea | 68x50px (PNG), vector (SVG) | A coloured logo with the MPASSid name tucked under it. The concise layout allows this version to be used as an icon or button on its own if the UI does not allow for any text next to the logo. |
 | symboli | 64x49px (PNG), vector (SVG) | A plain coloured MPASSid logo. To be used only if the MPASSid name appears in the immediate proximity to this logo. |
| symboli ja teksti white | 238x48px (PNG), vector (SVG) | A white logo with the MPASSid name. A more concise layout allows this version to be used on its own as the image in a wide login button, for example. | |
 | symboli ja teksti kapea white | 68x50px (PNG), vector (SVG) | A coloured logo with the MPASSid name tucked under it. The concise layout allows this version to be used as an icon or button on its own if the UI does not allow for any text next to the logo. |
| symboli white | 64x49px (PNG), vector (SVG) | A plain whiteMPASSid logo. To be used only if the MPASSid name appears in the immediate proximity to this logo. |
If you could not find the desired version of our logo, please contact us at mpass@oph.fi and we will send you the correct version.
Instructions: How to use the MPASSid logos
Please follow these instructions for the use of the logos given on this page.
- Do not alter the shape or colours of the logos.
- The primary version of the MPASSid logo is the one with both the logo and the "MPASSid" name, with or without the "identification" text (under the heading "Logo with text"). These versions are to be used in all communications and marketing materials. We offer other specific versions for use in other cases such as user interface elements on login pages.
- The coloured version of the logo is to be primarily used where appropriate, preferably on a white or light background. The black-and-white version is to be used only on a black-and white page or background. If the colours of the logo cannot be distinguished from a colourful or dark background, please use the negative or all-white version.
The MPASSid logo in UI elements
When logging into a learning service, the user is often directed to use their preferred method of identification by using the appropriate logos or colours in the various elements on the page. We recommend using the complete logo with the "MPASSid" text in buttons or other user interface elements. We recognise, however, that this is not always possible and offer various versions of our logo for you to use in different shapes and sizes, with and without text.
- If the logo is accompanied by text (e.g. "MPASSid login") on the login page of your service, we recommend using our pre-made images that include the MPASSid name. Even if these are not applicable for you, please make sure the MPASSid name is visible in the immediate vicinity of the logo. Please also pay special attention to the spelling of the MPASSid name ("MPASS" in all capital letters, "id" in lower-case letters, written as one word).
- If the text accompanying the logo is embedded in the user interface, i.e. not a part of the logo image itself, please only use the version with just the logo with no text in order to avoid having the name appear twice in one place.
- If possible, the MPASSid login button should either be a light colour or match the colours of the MPASSid logo (dark blue and green).
- If your login page indicates the different identification options by icons only, you are to use the version of the logo in which the MPASSid text is tucked under the wave symbol (see file name "symboli ja teksti kapea"). For an example, please refer to the right-most option in Image 2 below.
Click here to skip straight to the logos available for UI/login buttons
Examples of ways to present the MPASSid logo on a service provider's login page:
Image 1: Using the MPASSid logo in different types of UI elements on a login page. Note the difference in the choice of colour in the logo on a dark background vs. a light one (click to enlarge).
Image 2: Mock-up images of MPASSid logos being used in different kinds of UI elements (click to enlarge).
