---
id: delivery-icons
title: Delivery Icons
hide_title: true
description: "Delivery Icons"
---

import DeliveryIcon from "../../../src/components/deliveryIcon/deliveryIcon.react";
import Ingress from "../../../src/components/ingress/ingress.react";

<Ingress title="Delivery Icons">
  When using any delivery Adapter except Ingrid then you can use Delivery Icons.
  With Ingrid this is configured on Ingrid's side. There are three types of
  delivery icons: [Carrier logo icons](#carrier-logo-icons), [Walley
  icons](#walley-icons) and [Custom icon](#custom-icon)
</Ingress>

## Carrier logo icons

| Value           | Icon                                        |
| --------------- | ------------------------------------------- |
| **airmee**      | <DeliveryIcon name="Airmee" filled />       |
| **best**        | <DeliveryIcon name="Best" filled />         |
| **bring**       | <DeliveryIcon name="Bring" filled />        |
| **bringred**    | <DeliveryIcon name="BringRed" filled />     |
| **budbee**      | <DeliveryIcon name="Budbee" filled />       |
| **citymail**    | <DeliveryIcon name="CityMail" />            |
| **dbschenker**  | <DeliveryIcon name="Schenker" pad border /> |
| **dhl**         | <DeliveryIcon name="DHL" filled />          |
| **dooris**      | <DeliveryIcon name="Dooris" filled />       |
| **dsv**         | <DeliveryIcon name="DSV" filled />          |
| **earlybird**   | <DeliveryIcon name="EarlyBird" filled />    |
| **gordon**      | <DeliveryIcon name="Gordon" filled />       |
| **helthjem**    | <DeliveryIcon name="Helthjem" filled />     |
| **instabox**    | <DeliveryIcon name="Instabox" filled />     |
| **matkahuolto** | <DeliveryIcon name="Matkahuolto" filled />  |
| **movebybike**  | <DeliveryIcon name="MoveByBike" filled />   |
| **posti**       | <DeliveryIcon name="Posti" filled />        |
| **postnord**    | <DeliveryIcon name="PostNord" filled />     |
| **wolt**        | <DeliveryIcon name="Wolt" filled />         |

## Walley icons

| Value            | Icon                                          |
| ---------------- | --------------------------------------------- |
| **walley-home**  | <DeliveryIcon name="Walley-Home" border />    |
| **walley-mail**  | <DeliveryIcon name="Walley-Mail" border />    |
| **walley-plane** | <DeliveryIcon name="Walley-Plane" border />   |
| **walley-ship**  | <DeliveryIcon name="Walley-Ship" border />    |
| **walley-store** | <DeliveryIcon name="Walley-Store" border />   |
| **walley-truck** | <DeliveryIcon name="Walley-Truck" border />   |
| **_default_ \*** | <DeliveryIcon name="Walley-Default" border /> |

\* Default icon is used if no value is provided, or if the value mismatches with any of the available icon property values.

## Custom icon

Icon property value: `custom-<iconname>`, e.g. `custom-mylogo.svg`.

To be able to use custom icons, please contact [Walley Merchant Services](/support). Fallback icon if the custom icon is not retrieved is the default icon <DeliveryIcon name="Walley-Default" border />.