# Icon library

> Kesko’s iconography shares the same rounded, curved language as our typography and other UI elements. They are designed to work together as one cohesive system.

## Installation

To install Kesko Design System icons as a dependency in your project, run:

```sh [npm]
npm install @kesko/iconography
```

```sh [pnpm]
pnpm add @kesko/iconography
```

```sh [yarn]
yarn add @kesko/iconography
```

```sh [bun]
bun add @kesko/iconography
```

Then import an icon:

```js
// Plain JavaScript
import iconArrowDown from "@kesko/iconography/arrow-down.js";

// React
import { IconArrowDown } from "@kesko/iconography/react";
```

## React usage

Import individual icon components for optimal tree-shaking. Each component accepts `size`, `color`, and `label` props:

```tsx
import { IconArrowDown, IconSearch } from "@kesko/iconography/react";

// Decorative icon (aria-hidden, no label needed)
<IconArrowDown size="lg" color="var(--k-color-text-primary)" />

// Accessible icon (sets role="img" and aria-label)
<IconSearch size="sm" label="Search" />
```

You can also import by component name directly:

```tsx
import IconArrowDown from "@kesko/iconography/react/IconArrowDown";

<IconArrowDown size="md" label="Navigate down" />;
```

When the icon name is dynamic (e.g. from data or props), use the `Icon` container component. Note that this imports all ~360 icons into your bundle:

```tsx
import { Icon } from "@kesko/iconography/react";

<Icon name="arrow-down" size="md" label="Navigate down" />;
```

### React Props

All individual React icon components accept the following props:

| Prop    | Type                                                                   | Default | Description                                                                                                                                                                                  |
| ------- | ---------------------------------------------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `size`  | `"xs"` \| `"sm"` \| `"md"` \| `"lg"` \| `"xl"` \| `number` \| `string` | `"md"`  | Size or a custom value. `xs` = 16 px, `sm` = 20 px, `md` = 24 px, `lg` = 32 px, `xl` = 48 px. Pass a number or CSS string (e.g. `"2rem"`) for custom sizing.                                 |
| `label` | `string`                                                               | —       | Sets `aria-label` and `role="img"`. Omitting this will make the SVG hidden for assistive technologies. This is the [correct behavior](#accessibility) when an icon accompanies visible text. |
| `color` | `string`                                                               | —       | Any CSS color value, including design tokens (e.g. `"var(--k-color-accent)"`). When omitted, the icon inherits color via the CSS cascade.                                                    |

The React `Icon` container component additionally requires a `name` prop typed as `KeskoIconName`:

| Prop   | Type            | Description                                                                                     |
| ------ | --------------- | ----------------------------------------------------------------------------------------------- |
| `name` | `KeskoIconName` | Icon identifier, e.g. `"arrow-down"`. Provides autocomplete via the `KeskoIconName` union type. |

All React components work with React 17, 18, 19, and Next.js (including App Router and React Server Components).

## JavaScript usage

Each icon is also available as an individual ES module. The SVG string is the default export:

```js
import svg, { title, tags } from "@kesko/iconography/arrow-down.js";

// Inject into the DOM
const el = document.createElement("span");
el.innerHTML = svg;
document.body.appendChild(el);
```

Or use in any string-based template engine (Lit, Nunjucks, etc.):

```js
const html = `<button class="k-button">Download ${svg}</button>`;
```

## SVG usage

Each icon is also available as a raw `.svg` file. Use these when you need the actual SVG asset. For example in `<img>` tags or build tools that process SVG files directly:

```html
<!-- Reference from node_modules -->
<img src="node_modules/@kesko/iconography/arrow-down.svg" alt="Arrow down" />
```

You can also copy or import them in bundlers that support SVG file loading:

```js
// Webpack, Vite, etc. (with appropriate loader/plugin)
import arrowDown from "@kesko/iconography/arrow-down.svg";
```

Or read them on the server side:

```js
import { readFileSync } from "node:fs";
import { createRequire } from "node:module";

const require = createRequire(import.meta.url);
const svgPath = require.resolve("@kesko/iconography/arrow-down.svg");
const svg = readFileSync(svgPath, "utf-8");
```

## Figma usage

> Warning: The Figma toolkit is still in active design phase and not yet ready for piloting. Please check back later.

## Accessibility

Icons are decorative by default. This means that they render with `aria-hidden="true"` and are invisible to assistive technology. This is the correct behavior when an icon accompanies visible text (e.g. an icon inside a button with a label).

When an icon conveys meaning on its own (e.g. a standalone icon button with no visible text), pass the `label` prop to make it accessible:

```tsx
// Decorative: button has visible text
<button>
  <IconDownload /> Download
</button>

// Meaningful: icon is the only content
<button>
  <IconDownload label="Download" />
</button>
```

## TypeScript

Type definitions are included. Import `IconProps` and `IconNameProps` from the package.

```ts
import type { IconProps, IconNameProps } from "@kesko/iconography/react";

// IconProps: extends SVGProps<SVGSVGElement>, so all SVG/HTML attributes are accepted
interface IconProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
  /** xs = 16px, sm = 20px, md = 24px (default), lg = 32px, xl = 48px, or a custom number/string */
  size?: "xs" | "sm" | "md" | "lg" | "xl" | number | string;
  /** Sets aria-label and role="img". Omit for decorative (aria-hidden) icons */
  label?: string;
  /** Any CSS color value or design token. When omitted, inherits via CSS cascade */
  color?: string;
}

// IconNameProps: used by the <Icon> container component
interface IconNameProps extends IconProps {
  /** Icon identifier, e.g. "arrow-down". Typed as a union of all ~360 icon names */
  name: KeskoIconName;
}
```

The main `@kesko/iconography` entry point exports types for working with icon metadata directly:

```ts
import type { KeskoIcon, KeskoIconName, KeskoIcons } from "@kesko/iconography";

// A single icon's metadata and SVG markup
type KeskoIcon = {
  title: KeskoIconName;
  category: string;
  tags: string;
  svg: string;
};

// Union of all ~360 icon name strings, e.g. "arrow-down" | "arrow-left" | ...
type KeskoIconName = "arrow-down" | "arrow-left" | /* … */;

// The full icon map: Record<KeskoIconName, KeskoIcon>
type KeskoIcons = Record<KeskoIconName, KeskoIcon>;
```

## Metadata

Each icon in the package includes the following metadata:

| Field      | Type     | Description                                                                                      |
| ---------- | -------- | ------------------------------------------------------------------------------------------------ |
| `title`    | `string` | Filename of the SVG asset (e.g. `"arrow-down"`).                                                 |
| `category` | `string` | One of the valid category values defined in `icons-schema.json` (see [categories](#categories)). |
| `tags`     | `string` | Space-separated keywords for search and filtering.                                               |

## Categories

All icons are grouped under the following categories:

- **Action:** Generic UI actions: edit, delete, download, search.
- **Attention:** Feedback states: info, warning, notice, availability.
- **Car:** Car trade: vehicles, fuel types, EV charging.
- **Common:** General-purpose icons used across multiple contexts.
- **Communication:** Messaging, mail, phone, news, FAQ.
- **Grocery:** Grocery trade: food, beverages, clothing, household and seasonal.
- **Hardware:** Hardware trade: hardware, tools, home improvement.
- **Kesko:** Kesko brand marks and store format identifiers.
- **Location:** Map and place icons: location pin, world, building.
- **Navigation:** Directional and wayfinding: arrows, chevrons, menu.
- **People:** User and group representations.
- **Shopping:** Commerce and checkout: cart, payment, delivery.
- **Social:** Social media brand logos.
- **Sustainability:** Eco labels, dietary markers, environmental icons.
- **Time:** Clock, calendar, history, timer.

> Warning: The icon categories may still evolve and change. But since this affects only the included metadata, it’s safe to use this package in production.

### Import error with `moduleResolution: "node"`

The shorthand import paths like `@kesko/iconography/react` use the `exports` field in `package.json`, which requires `moduleResolution` set to `"bundler"`, `"node16"`, or `"nodenext"` in your `tsconfig.json`.

If your project uses `"moduleResolution": "node"` and you cannot change it, use the full `dist/` paths instead:

```tsx
// Individual components (tree-shakeable)
import IconArrowDown from "@kesko/iconography/dist/react/IconArrowDown.js";

// Container component (imports all icons)
import { Icon } from "@kesko/iconography/dist/react/index.js";

// Types
import type { IconProps } from "@kesko/iconography/dist/react/index.js";
```

```js
// Plain JavaScript
import svg from "@kesko/iconography/dist/assets/arrow-down.js";

// Raw SVG file
import arrowDown from "@kesko/iconography/dist/assets/arrow-down.svg";

// Full metadata
import icons from "@kesko/iconography/dist/icons.js";
```

These paths resolve to actual files in `node_modules` and work with any `moduleResolution` setting.

### Sizing raw SVG imports

The SVG files in `@kesko/iconography` do not include `width` or `height` attributes, they only define a `viewBox`. This is intentional and allows the icons to be scaled to any size via CSS without having to override the hardcoded dimensions. This applies to both raw `.svg` file imports and the SVG strings from the ES module imports (`.js`).

When using SVG imports outside of the [React components](/icons/#react-usage), you need to set the size yourself in CSS:

```css
.icon {
  inline-size: 24px;
  block-size: 24px;
}
```

The [React components](/icons/#react-usage) handle this automatically via the `size` prop.

## Requesting icon

All Kesko shared icons should be added and used through this library. Please see our [support page](/help/) for more information on how to contact us.

## Available icons (372)

| Icon | Category | Tags | React import | JS import | SVG path |
|------|----------|------|-------------|-----------|----------|
| adaptive-cruise | car | adaptive cruise control car vehicle auto speed driver assist safety ACC | `import IconAdaptiveCruise from "@kesko/iconography/react/IconAdaptiveCruise";` | `import iconAdaptiveCruise from "@kesko/iconography/adaptive-cruise.js";` | `@kesko/iconography/adaptive-cruise.svg` |
| adjust | action | adjust tune settings control tweak slider knob | `import IconAdjust from "@kesko/iconography/react/IconAdjust";` | `import iconAdjust from "@kesko/iconography/adjust.js";` | `@kesko/iconography/adjust.svg` |
| alcohol-free | sustainability | alcohol free no alcohol label dietary restriction beverage | `import IconAlcoholFree from "@kesko/iconography/react/IconAlcoholFree";` | `import iconAlcoholFree from "@kesko/iconography/alcohol-free.js";` | `@kesko/iconography/alcohol-free.svg` |
| apple | social | apple fruit food produce fresh organic grocery | `import IconApple from "@kesko/iconography/react/IconApple";` | `import iconApple from "@kesko/iconography/apple.js";` | `@kesko/iconography/apple.svg` |
| appliances | grocery | appliances home devices electronics household white goods | `import IconAppliances from "@kesko/iconography/react/IconAppliances";` | `import iconAppliances from "@kesko/iconography/appliances.js";` | `@kesko/iconography/appliances.svg` |
| apron | grocery | apron chef cooking kitchen wear garment | `import IconApron from "@kesko/iconography/react/IconApron";` | `import iconApron from "@kesko/iconography/apron.js";` | `@kesko/iconography/apron.svg` |
| arrow-down | navigation | arrow down direction pointing caret chevron navigate | `import IconArrowDown from "@kesko/iconography/react/IconArrowDown";` | `import iconArrowDown from "@kesko/iconography/arrow-down.js";` | `@kesko/iconography/arrow-down.svg` |
| arrow-left | navigation | arrow left direction pointing caret chevron navigate back | `import IconArrowLeft from "@kesko/iconography/react/IconArrowLeft";` | `import iconArrowLeft from "@kesko/iconography/arrow-left.js";` | `@kesko/iconography/arrow-left.svg` |
| arrow-right | navigation | arrow right direction pointing caret chevron navigate forward | `import IconArrowRight from "@kesko/iconography/react/IconArrowRight";` | `import iconArrowRight from "@kesko/iconography/arrow-right.js";` | `@kesko/iconography/arrow-right.svg` |
| arrow-up | navigation | arrow up direction pointing caret chevron navigate | `import IconArrowUp from "@kesko/iconography/react/IconArrowUp";` | `import iconArrowUp from "@kesko/iconography/arrow-up.js";` | `@kesko/iconography/arrow-up.svg` |
| ask-for-advice | hardware | ask advice help consultation guidance expert question store service | `import IconAskForAdvice from "@kesko/iconography/react/IconAskForAdvice";` | `import iconAskForAdvice from "@kesko/iconography/ask-for-advice.js";` | `@kesko/iconography/ask-for-advice.svg` |
| assembly-service | hardware | assembly service build furniture mounting installation put together | `import IconAssemblyService from "@kesko/iconography/react/IconAssemblyService";` | `import iconAssemblyService from "@kesko/iconography/assembly-service.js";` | `@kesko/iconography/assembly-service.svg` |
| at-sign | communication | at sign @ email address contact symbol | `import IconAtSign from "@kesko/iconography/react/IconAtSign";` | `import iconAtSign from "@kesko/iconography/at-sign.js";` | `@kesko/iconography/at-sign.svg` |
| attention-extra | hardware | attention extra alert important notice exclamation highlight | `import IconAttentionExtra from "@kesko/iconography/react/IconAttentionExtra";` | `import iconAttentionExtra from "@kesko/iconography/attention-extra.js";` | `@kesko/iconography/attention-extra.svg` |
| availability-no | shopping | unavailable not available no stock out of stock closed | `import IconAvailabilityNo from "@kesko/iconography/react/IconAvailabilityNo";` | `import iconAvailabilityNo from "@kesko/iconography/availability-no.js";` | `@kesko/iconography/availability-no.svg` |
| availability-yes | shopping | available in stock yes open ready | `import IconAvailabilityYes from "@kesko/iconography/react/IconAvailabilityYes";` | `import iconAvailabilityYes from "@kesko/iconography/availability-yes.js";` | `@kesko/iconography/availability-yes.svg` |
| award | kesko | award medal prize trophy recognition achievement star | `import IconAward from "@kesko/iconography/react/IconAward";` | `import iconAward from "@kesko/iconography/award.js";` | `@kesko/iconography/award.svg` |
| b2b-sales | hardware | B2B sales business commercial wholesale professional trade | `import IconB2bSales from "@kesko/iconography/react/IconB2bSales";` | `import iconB2bSales from "@kesko/iconography/b2b-sales.js";` | `@kesko/iconography/b2b-sales.svg` |
| b2b-sales-application | hardware | B2B sales application business form request commercial professional | `import IconB2bSalesApplication from "@kesko/iconography/react/IconB2bSalesApplication";` | `import iconB2bSalesApplication from "@kesko/iconography/b2b-sales-application.js";` | `@kesko/iconography/b2b-sales-application.svg` |
| basket | shopping | basket shopping cart grocery items buy | `import IconBasket from "@kesko/iconography/react/IconBasket";` | `import iconBasket from "@kesko/iconography/basket.js";` | `@kesko/iconography/basket.svg` |
| basket-add-to | shopping | add to basket shopping cart grocery plus add | `import IconBasketAddTo from "@kesko/iconography/react/IconBasketAddTo";` | `import iconBasketAddTo from "@kesko/iconography/basket-add-to.js";` | `@kesko/iconography/basket-add-to.svg` |
| bathrooms | hardware | bathroom bath shower toilet sink washroom renovation | `import IconBathrooms from "@kesko/iconography/react/IconBathrooms";` | `import iconBathrooms from "@kesko/iconography/bathrooms.js";` | `@kesko/iconography/bathrooms.svg` |
| bbq | hardware | barbecue BBQ grill outdoor cooking summer | `import IconBbq from "@kesko/iconography/react/IconBbq";` | `import iconBbq from "@kesko/iconography/bbq.js";` | `@kesko/iconography/bbq.svg` |
| bell | attention | bell notification alert ring sound alarm | `import IconBell from "@kesko/iconography/react/IconBell";` | `import iconBell from "@kesko/iconography/bell.js";` | `@kesko/iconography/bell.svg` |
| beverages | grocery | beverages drinks liquids juice water coffee tea soda | `import IconBeverages from "@kesko/iconography/react/IconBeverages";` | `import iconBeverages from "@kesko/iconography/beverages.js";` | `@kesko/iconography/beverages.svg` |
| books | grocery | books reading literature education library | `import IconBooks from "@kesko/iconography/react/IconBooks";` | `import iconBooks from "@kesko/iconography/books.js";` | `@kesko/iconography/books.svg` |
| bread | grocery | bread bakery food grocery fresh loaf | `import IconBread from "@kesko/iconography/react/IconBread";` | `import iconBread from "@kesko/iconography/bread.js";` | `@kesko/iconography/bread.svg` |
| briefcase | common | briefcase bag work business professional portfolio | `import IconBriefcase from "@kesko/iconography/react/IconBriefcase";` | `import iconBriefcase from "@kesko/iconography/briefcase.js";` | `@kesko/iconography/briefcase.svg` |
| building | hardware | building structure office location place landmark | `import IconBuilding from "@kesko/iconography/react/IconBuilding";` | `import iconBuilding from "@kesko/iconography/building.js";` | `@kesko/iconography/building.svg` |
| building-accessories-installation | hardware | building accessories installation mounting fixtures fittings hardware | `import IconBuildingAccessoriesInstallation from "@kesko/iconography/react/IconBuildingAccessoriesInstallation";` | `import iconBuildingAccessoriesInstallation from "@kesko/iconography/building-accessories-installation.js";` | `@kesko/iconography/building-accessories-installation.svg` |
| building-materials | hardware | building materials construction lumber supplies bricks cement | `import IconBuildingMaterials from "@kesko/iconography/react/IconBuildingMaterials";` | `import iconBuildingMaterials from "@kesko/iconography/building-materials.js";` | `@kesko/iconography/building-materials.svg` |
| cables | hardware | cables wiring electrical wire connection cord plug | `import IconCables from "@kesko/iconography/react/IconCables";` | `import iconCables from "@kesko/iconography/cables.js";` | `@kesko/iconography/cables.svg` |
| cafeteria | hardware | cafeteria cafe coffee restaurant food dining store | `import IconCafeteria from "@kesko/iconography/react/IconCafeteria";` | `import iconCafeteria from "@kesko/iconography/cafeteria.js";` | `@kesko/iconography/cafeteria.svg` |
| calendar | time | calendar date schedule time day month year event | `import IconCalendar from "@kesko/iconography/react/IconCalendar";` | `import iconCalendar from "@kesko/iconography/calendar.js";` | `@kesko/iconography/calendar.svg` |
| can | grocery | can tin canned food preserve grocery | `import IconCan from "@kesko/iconography/react/IconCan";` | `import iconCan from "@kesko/iconography/can.js";` | `@kesko/iconography/can.svg` |
| car | car | car vehicle automobile transport sedan | `import IconCar from "@kesko/iconography/react/IconCar";` | `import iconCar from "@kesko/iconography/car.js";` | `@kesko/iconography/car.svg` |
| car-truck | car | car truck vehicle automobile transport lorry freight cargo | `import IconCarTruck from "@kesko/iconography/react/IconCarTruck";` | `import iconCarTruck from "@kesko/iconography/car-truck.js";` | `@kesko/iconography/car-truck.svg` |
| car-van | car | car van vehicle automobile transport minivan | `import IconCarVan from "@kesko/iconography/react/IconCarVan";` | `import iconCarVan from "@kesko/iconography/car-van.js";` | `@kesko/iconography/car-van.svg` |
| carbon-footprint | sustainability | carbon footprint emissions CO2 environment climate green sustainability eco | `import IconCarbonFootprint from "@kesko/iconography/react/IconCarbonFootprint";` | `import iconCarbonFootprint from "@kesko/iconography/carbon-footprint.js";` | `@kesko/iconography/carbon-footprint.svg` |
| cart | shopping | cart shopping trolley grocery buy checkout | `import IconCart from "@kesko/iconography/react/IconCart";` | `import iconCart from "@kesko/iconography/cart.js";` | `@kesko/iconography/cart.svg` |
| cart-add | shopping | add to cart shopping trolley plus grocery buy | `import IconCartAdd from "@kesko/iconography/react/IconCartAdd";` | `import iconCartAdd from "@kesko/iconography/cart-add.js";` | `@kesko/iconography/cart-add.svg` |
| carwash | grocery | carwash car wash cleaning vehicle service | `import IconCarwash from "@kesko/iconography/react/IconCarwash";` | `import iconCarwash from "@kesko/iconography/carwash.js";` | `@kesko/iconography/carwash.svg` |
| center | location | center align text alignment middle format | `import IconCenter from "@kesko/iconography/react/IconCenter";` | `import iconCenter from "@kesko/iconography/center.js";` | `@kesko/iconography/center.svg` |
| chat | communication | chat message speech bubble talk conversation | `import IconChat from "@kesko/iconography/react/IconChat";` | `import iconChat from "@kesko/iconography/chat.js";` | `@kesko/iconography/chat.svg` |
| chef | grocery | chef cook hat kitchen food service | `import IconChef from "@kesko/iconography/react/IconChef";` | `import iconChef from "@kesko/iconography/chef.js";` | `@kesko/iconography/chef.svg` |
| chemicals | hardware | chemicals hazardous liquid substance barrel container industrial | `import IconChemicals from "@kesko/iconography/react/IconChemicals";` | `import iconChemicals from "@kesko/iconography/chemicals.js";` | `@kesko/iconography/chemicals.svg` |
| chevron-down | navigation | chevron down arrow caret direction pointing navigate | `import IconChevronDown from "@kesko/iconography/react/IconChevronDown";` | `import iconChevronDown from "@kesko/iconography/chevron-down.js";` | `@kesko/iconography/chevron-down.svg` |
| chevron-left | navigation | chevron left arrow caret direction pointing navigate back | `import IconChevronLeft from "@kesko/iconography/react/IconChevronLeft";` | `import iconChevronLeft from "@kesko/iconography/chevron-left.js";` | `@kesko/iconography/chevron-left.svg` |
| chevron-right | navigation | chevron right arrow caret direction pointing navigate forward | `import IconChevronRight from "@kesko/iconography/react/IconChevronRight";` | `import iconChevronRight from "@kesko/iconography/chevron-right.js";` | `@kesko/iconography/chevron-right.svg` |
| chevron-up | navigation | chevron up arrow caret direction pointing navigate | `import IconChevronUp from "@kesko/iconography/react/IconChevronUp";` | `import iconChevronUp from "@kesko/iconography/chevron-up.js";` | `@kesko/iconography/chevron-up.svg` |
| circular-economy | sustainability | circular economy recycling cycle environment sustainable eco green | `import IconCircularEconomy from "@kesko/iconography/react/IconCircularEconomy";` | `import iconCircularEconomy from "@kesko/iconography/circular-economy.js";` | `@kesko/iconography/circular-economy.svg` |
| clear | action | clear remove erase clean wipe reset | `import IconClear from "@kesko/iconography/react/IconClear";` | `import iconClear from "@kesko/iconography/clear.js";` | `@kesko/iconography/clear.svg` |
| clock | time | clock time watch hour minute schedule | `import IconClock from "@kesko/iconography/react/IconClock";` | `import iconClock from "@kesko/iconography/clock.js";` | `@kesko/iconography/clock.svg` |
| close | action | close dismiss cancel remove X exit shut | `import IconClose from "@kesko/iconography/react/IconClose";` | `import iconClose from "@kesko/iconography/close.js";` | `@kesko/iconography/close.svg` |
| clothes | grocery | clothes clothing apparel fashion garments wear | `import IconClothes from "@kesko/iconography/react/IconClothes";` | `import iconClothes from "@kesko/iconography/clothes.js";` | `@kesko/iconography/clothes.svg` |
| code | common | code programming developer software angle brackets | `import IconCode from "@kesko/iconography/react/IconCode";` | `import iconCode from "@kesko/iconography/code.js";` | `@kesko/iconography/code.svg` |
| comment | communication | comment reply feedback note message | `import IconComment from "@kesko/iconography/react/IconComment";` | `import iconComment from "@kesko/iconography/comment.js";` | `@kesko/iconography/comment.svg` |
| contact | communication | contact person address reach phone connect | `import IconContact from "@kesko/iconography/react/IconContact";` | `import iconContact from "@kesko/iconography/contact.js";` | `@kesko/iconography/contact.svg` |
| contactless | shopping | contactless payment NFC tap pay card wireless | `import IconContactless from "@kesko/iconography/react/IconContactless";` | `import iconContactless from "@kesko/iconography/contactless.js";` | `@kesko/iconography/contactless.svg` |
| contract | common | contract document agreement legal paper sign | `import IconContract from "@kesko/iconography/react/IconContract";` | `import iconContract from "@kesko/iconography/contract.js";` | `@kesko/iconography/contract.svg` |
| cooking-oils | grocery | cooking oil oils bottle fat frying food | `import IconCookingOils from "@kesko/iconography/react/IconCookingOils";` | `import iconCookingOils from "@kesko/iconography/cooking-oils.js";` | `@kesko/iconography/cooking-oils.svg` |
| copy | action | copy duplicate paste clipboard layer | `import IconCopy from "@kesko/iconography/react/IconCopy";` | `import iconCopy from "@kesko/iconography/copy.js";` | `@kesko/iconography/copy.svg` |
| core-product-availability | hardware | core product availability stock check inventory essential | `import IconCoreProductAvailability from "@kesko/iconography/react/IconCoreProductAvailability";` | `import iconCoreProductAvailability from "@kesko/iconography/core-product-availability.js";` | `@kesko/iconography/core-product-availability.svg` |
| cosmetics | grocery | cosmetics beauty makeup skincare personal care | `import IconCosmetics from "@kesko/iconography/react/IconCosmetics";` | `import iconCosmetics from "@kesko/iconography/cosmetics.js";` | `@kesko/iconography/cosmetics.svg` |
| curtain-sewing | hardware | curtain sewing tailoring fabric custom window textile | `import IconCurtainSewing from "@kesko/iconography/react/IconCurtainSewing";` | `import iconCurtainSewing from "@kesko/iconography/curtain-sewing.js";` | `@kesko/iconography/curtain-sewing.svg` |
| customer-service-normal | people | customer service support agent headset call help person | `import IconCustomerServiceNormal from "@kesko/iconography/react/IconCustomerServiceNormal";` | `import iconCustomerServiceNormal from "@kesko/iconography/customer-service-normal.js";` | `@kesko/iconography/customer-service-normal.svg` |
| cut | action | cut scissors crop remove trim | `import IconCut from "@kesko/iconography/react/IconCut";` | `import iconCut from "@kesko/iconography/cut.js";` | `@kesko/iconography/cut.svg` |
| cut-to-lenght-service | hardware | cut to length service wood timber sizing measurement | `import IconCutToLenghtService from "@kesko/iconography/react/IconCutToLenghtService";` | `import iconCutToLenghtService from "@kesko/iconography/cut-to-lenght-service.js";` | `@kesko/iconography/cut-to-lenght-service.svg` |
| delete | action | delete remove trash bin erase clear | `import IconDelete from "@kesko/iconography/react/IconDelete";` | `import iconDelete from "@kesko/iconography/delete.js";` | `@kesko/iconography/delete.svg` |
| delivery-bike | shopping | delivery bike bicycle courier fast local shipping | `import IconDeliveryBike from "@kesko/iconography/react/IconDeliveryBike";` | `import iconDeliveryBike from "@kesko/iconography/delivery-bike.js";` | `@kesko/iconography/delivery-bike.svg` |
| delivery-fast | shopping | delivery fast express quick shipping speed | `import IconDeliveryFast from "@kesko/iconography/react/IconDeliveryFast";` | `import iconDeliveryFast from "@kesko/iconography/delivery-fast.js";` | `@kesko/iconography/delivery-fast.svg` |
| delivery-normal | shopping | delivery standard shipping truck transport normal | `import IconDeliveryNormal from "@kesko/iconography/react/IconDeliveryNormal";` | `import iconDeliveryNormal from "@kesko/iconography/delivery-normal.js";` | `@kesko/iconography/delivery-normal.svg` |
| delivery-service | hardware | delivery service transport shipping logistics truck order | `import IconDeliveryService from "@kesko/iconography/react/IconDeliveryService";` | `import iconDeliveryService from "@kesko/iconography/delivery-service.js";` | `@kesko/iconography/delivery-service.svg` |
| delivery-to-installation-point | hardware | delivery installation point address jobsite construction site location | `import IconDeliveryToInstallationPoint from "@kesko/iconography/react/IconDeliveryToInstallationPoint";` | `import iconDeliveryToInstallationPoint from "@kesko/iconography/delivery-to-installation-point.js";` | `@kesko/iconography/delivery-to-installation-point.svg` |
| designer-service | hardware | designer service interior design consultation professional expert | `import IconDesignerService from "@kesko/iconography/react/IconDesignerService";` | `import iconDesignerService from "@kesko/iconography/designer-service.js";` | `@kesko/iconography/designer-service.svg` |
| device-camera | common | camera device photo take picture photography | `import IconDeviceCamera from "@kesko/iconography/react/IconDeviceCamera";` | `import iconDeviceCamera from "@kesko/iconography/device-camera.js";` | `@kesko/iconography/device-camera.svg` |
| device-desktop | common | desktop computer monitor screen PC device | `import IconDeviceDesktop from "@kesko/iconography/react/IconDeviceDesktop";` | `import iconDeviceDesktop from "@kesko/iconography/device-desktop.js";` | `@kesko/iconography/device-desktop.svg` |
| device-mobile | common | mobile phone smartphone device screen | `import IconDeviceMobile from "@kesko/iconography/react/IconDeviceMobile";` | `import iconDeviceMobile from "@kesko/iconography/device-mobile.js";` | `@kesko/iconography/device-mobile.svg` |
| device-tablet | common | tablet iPad device screen touch | `import IconDeviceTablet from "@kesko/iconography/react/IconDeviceTablet";` | `import iconDeviceTablet from "@kesko/iconography/device-tablet.js";` | `@kesko/iconography/device-tablet.svg` |
| dishes | grocery | dishes plate bowl food restaurant meals tableware | `import IconDishes from "@kesko/iconography/react/IconDishes";` | `import iconDishes from "@kesko/iconography/dishes.js";` | `@kesko/iconography/dishes.svg` |
| door | hardware | door entrance doorway entry exit opening interior | `import IconDoor from "@kesko/iconography/react/IconDoor";` | `import iconDoor from "@kesko/iconography/door.js";` | `@kesko/iconography/door.svg` |
| download | action | download file save arrow down cloud | `import IconDownload from "@kesko/iconography/react/IconDownload";` | `import iconDownload from "@kesko/iconography/download.js";` | `@kesko/iconography/download.svg` |
| drag | action | drag drop move reorder sort grab handle | `import IconDrag from "@kesko/iconography/react/IconDrag";` | `import iconDrag from "@kesko/iconography/drag.js";` | `@kesko/iconography/drag.svg` |
| dried-goods | grocery | dried goods legumes beans lentils pasta rice bulk food | `import IconDriedGoods from "@kesko/iconography/react/IconDriedGoods";` | `import iconDriedGoods from "@kesko/iconography/dried-goods.js";` | `@kesko/iconography/dried-goods.svg` |
| drive-type | car | drive type AWD FWD RWD drivetrain 4x4 all-wheel front rear | `import IconDriveType from "@kesko/iconography/react/IconDriveType";` | `import iconDriveType from "@kesko/iconography/drive-type.js";` | `@kesko/iconography/drive-type.svg` |
| easter | grocery | Easter egg spring holiday seasonal celebration | `import IconEaster from "@kesko/iconography/react/IconEaster";` | `import iconEaster from "@kesko/iconography/easter.js";` | `@kesko/iconography/easter.svg` |
| edit | action | edit pen pencil write modify change | `import IconEdit from "@kesko/iconography/react/IconEdit";` | `import iconEdit from "@kesko/iconography/edit.js";` | `@kesko/iconography/edit.svg` |
| egg-free | sustainability | egg free no eggs allergen free label dietary | `import IconEggFree from "@kesko/iconography/react/IconEggFree";` | `import iconEggFree from "@kesko/iconography/egg-free.js";` | `@kesko/iconography/egg-free.svg` |
| electricity-grid | hardware | electricity grid power network transmission pylon tower energy | `import IconElectricityGrid from "@kesko/iconography/react/IconElectricityGrid";` | `import iconElectricityGrid from "@kesko/iconography/electricity-grid.js";` | `@kesko/iconography/electricity-grid.svg` |
| energy-efficiency | sustainability | energy efficiency rating label eco green saving power | `import IconEnergyEfficiency from "@kesko/iconography/react/IconEnergyEfficiency";` | `import iconEnergyEfficiency from "@kesko/iconography/energy-efficiency.js";` | `@kesko/iconography/energy-efficiency.svg` |
| engine | car | engine motor power car vehicle horsepower | `import IconEngine from "@kesko/iconography/react/IconEngine";` | `import iconEngine from "@kesko/iconography/engine.js";` | `@kesko/iconography/engine.svg` |
| enter | action | enter submit login sign in door | `import IconEnter from "@kesko/iconography/react/IconEnter";` | `import iconEnter from "@kesko/iconography/enter.js";` | `@kesko/iconography/enter.svg` |
| environment-nature | sustainability | nature environment tree forest green eco outdoors | `import IconEnvironmentNature from "@kesko/iconography/react/IconEnvironmentNature";` | `import iconEnvironmentNature from "@kesko/iconography/environment-nature.js";` | `@kesko/iconography/environment-nature.svg` |
| environment-urban | sustainability | urban city environment eco sustainability buildings | `import IconEnvironmentUrban from "@kesko/iconography/react/IconEnvironmentUrban";` | `import iconEnvironmentUrban from "@kesko/iconography/environment-urban.js";` | `@kesko/iconography/environment-urban.svg` |
| eraser | action | eraser erase remove undo clear wipe | `import IconEraser from "@kesko/iconography/react/IconEraser";` | `import iconEraser from "@kesko/iconography/eraser.js";` | `@kesko/iconography/eraser.svg` |
| exchange-and-returns | hardware | exchange returns refund swap replace policy customer | `import IconExchangeAndReturns from "@kesko/iconography/react/IconExchangeAndReturns";` | `import iconExchangeAndReturns from "@kesko/iconography/exchange-and-returns.js";` | `@kesko/iconography/exchange-and-returns.svg` |
| exit | action | exit leave logout sign out door go | `import IconExit from "@kesko/iconography/react/IconExit";` | `import iconExit from "@kesko/iconography/exit.js";` | `@kesko/iconography/exit.svg` |
| express-delivery | hardware | express delivery fast quick shipping urgent priority speed | `import IconExpressDelivery from "@kesko/iconography/react/IconExpressDelivery";` | `import iconExpressDelivery from "@kesko/iconography/express-delivery.js";` | `@kesko/iconography/express-delivery.svg` |
| external-link | action | external link open new tab window arrow outside | `import IconExternalLink from "@kesko/iconography/react/IconExternalLink";` | `import iconExternalLink from "@kesko/iconography/external-link.js";` | `@kesko/iconography/external-link.svg` |
| fabrics-curtains-carpets | hardware | fabrics curtains carpets textiles soft furnishing window floor | `import IconFabricsCurtainsCarpets from "@kesko/iconography/react/IconFabricsCurtainsCarpets";` | `import iconFabricsCurtainsCarpets from "@kesko/iconography/fabrics-curtains-carpets.js";` | `@kesko/iconography/fabrics-curtains-carpets.svg` |
| facebook | social | Facebook social media brand logo network sharing | `import IconFacebook from "@kesko/iconography/react/IconFacebook";` | `import iconFacebook from "@kesko/iconography/facebook.js";` | `@kesko/iconography/facebook.svg` |
| faq | communication | FAQ frequently asked questions help Q&amp;A information support | `import IconFaq from "@kesko/iconography/react/IconFaq";` | `import iconFaq from "@kesko/iconography/faq.js";` | `@kesko/iconography/faq.svg` |
| file | common | file document paper page attach | `import IconFile from "@kesko/iconography/react/IconFile";` | `import iconFile from "@kesko/iconography/file.js";` | `@kesko/iconography/file.svg` |
| filter | action | filter sort refine narrow search criteria | `import IconFilter from "@kesko/iconography/react/IconFilter";` | `import iconFilter from "@kesko/iconography/filter.js";` | `@kesko/iconography/filter.svg` |
| financing-service | hardware | financing service payment plan credit loan installment | `import IconFinancingService from "@kesko/iconography/react/IconFinancingService";` | `import iconFinancingService from "@kesko/iconography/financing-service.js";` | `@kesko/iconography/financing-service.svg` |
| financing-service-rus | hardware | financing service Russia payment plan credit loan | `import IconFinancingServiceRus from "@kesko/iconography/react/IconFinancingServiceRus";` | `import iconFinancingServiceRus from "@kesko/iconography/financing-service-rus.js";` | `@kesko/iconography/financing-service-rus.svg` |
| financing-service-swe | hardware | financing service Sweden payment plan credit loan | `import IconFinancingServiceSwe from "@kesko/iconography/react/IconFinancingServiceSwe";` | `import iconFinancingServiceSwe from "@kesko/iconography/financing-service-swe.js";` | `@kesko/iconography/financing-service-swe.svg` |
| fish | grocery | fish seafood aquatic food grocery fresh | `import IconFish from "@kesko/iconography/react/IconFish";` | `import iconFish from "@kesko/iconography/fish.js";` | `@kesko/iconography/fish.svg` |
| flag | common | flag mark bookmark note indicator signal | `import IconFlag from "@kesko/iconography/react/IconFlag";` | `import iconFlag from "@kesko/iconography/flag.js";` | `@kesko/iconography/flag.svg` |
| flag-checkered | common | checkered flag finish complete race done end | `import IconFlagCheckered from "@kesko/iconography/react/IconFlagCheckered";` | `import iconFlagCheckered from "@kesko/iconography/flag-checkered.js";` | `@kesko/iconography/flag-checkered.svg` |
| flash | common | flash lightning bolt fast quick power energy electric | `import IconFlash from "@kesko/iconography/react/IconFlash";` | `import iconFlash from "@kesko/iconography/flash.js";` | `@kesko/iconography/flash.svg` |
| floors | hardware | floors flooring parquet laminate tiles surface renovation | `import IconFloors from "@kesko/iconography/react/IconFloors";` | `import iconFloors from "@kesko/iconography/floors.js";` | `@kesko/iconography/floors.svg` |
| flower | grocery | flower plant bloom floral nature garden gift | `import IconFlower from "@kesko/iconography/react/IconFlower";` | `import iconFlower from "@kesko/iconography/flower.js";` | `@kesko/iconography/flower.svg` |
| folders | common | folders directory files organize documents system | `import IconFolders from "@kesko/iconography/react/IconFolders";` | `import iconFolders from "@kesko/iconography/folders.js";` | `@kesko/iconography/folders.svg` |
| for-kids | grocery | for kids children family baby products safe | `import IconForKids from "@kesko/iconography/react/IconForKids";` | `import iconForKids from "@kesko/iconography/for-kids.js";` | `@kesko/iconography/for-kids.svg` |
| fork-knife | grocery | fork knife restaurant dining food eating utensils | `import IconForkKnife from "@kesko/iconography/react/IconForkKnife";` | `import iconForkKnife from "@kesko/iconography/fork-knife.js";` | `@kesko/iconography/fork-knife.svg` |
| fork-knife-2 | grocery | fork knife restaurant dining food eating utensils | `import IconForkKnife2 from "@kesko/iconography/react/IconForkKnife2";` | `import iconForkKnife2 from "@kesko/iconography/fork-knife-2.js";` | `@kesko/iconography/fork-knife-2.svg` |
| fresh | sustainability | fresh produce label quality food grocery organic natural | `import IconFresh from "@kesko/iconography/react/IconFresh";` | `import iconFresh from "@kesko/iconography/fresh.js";` | `@kesko/iconography/fresh.svg` |
| from-finland | sustainability | from Finland Finnish origin domestic local product label | `import IconFromFinland from "@kesko/iconography/react/IconFromFinland";` | `import iconFromFinland from "@kesko/iconography/from-finland.js";` | `@kesko/iconography/from-finland.svg` |
| from-local | sustainability | local origin product label nearby regional domestic | `import IconFromLocal from "@kesko/iconography/react/IconFromLocal";` | `import iconFromLocal from "@kesko/iconography/from-local.js";` | `@kesko/iconography/from-local.svg` |
| fruit-vegetables | grocery | fruit vegetables produce fresh food grocery greens | `import IconFruitVegetables from "@kesko/iconography/react/IconFruitVegetables";` | `import iconFruitVegetables from "@kesko/iconography/fruit-vegetables.js";` | `@kesko/iconography/fruit-vegetables.svg` |
| future | time | future forward time planning ahead forecast | `import IconFuture from "@kesko/iconography/react/IconFuture";` | `import iconFuture from "@kesko/iconography/future.js";` | `@kesko/iconography/future.svg` |
| gear | common | gear settings cog options preferences configuration | `import IconGear from "@kesko/iconography/react/IconGear";` | `import iconGear from "@kesko/iconography/gear.js";` | `@kesko/iconography/gear.svg` |
| gears-manual | car | manual gearbox transmission gear shift stick | `import IconGearsManual from "@kesko/iconography/react/IconGearsManual";` | `import iconGearsManual from "@kesko/iconography/gears-manual.js";` | `@kesko/iconography/gears-manual.svg` |
| gluten-free | sustainability | gluten free no gluten label allergen dietary | `import IconGlutenFree from "@kesko/iconography/react/IconGlutenFree";` | `import iconGlutenFree from "@kesko/iconography/gluten-free.js";` | `@kesko/iconography/gluten-free.svg` |
| google | social | Google social brand logo search service platform | `import IconGoogle from "@kesko/iconography/react/IconGoogle";` | `import iconGoogle from "@kesko/iconography/google.js";` | `@kesko/iconography/google.svg` |
| grain | grocery | grain cereal wheat oat barley food grocery | `import IconGrain from "@kesko/iconography/react/IconGrain";` | `import iconGrain from "@kesko/iconography/grain.js";` | `@kesko/iconography/grain.svg` |
| graph-bars | common | bar chart graph statistics data analytics bars | `import IconGraphBars from "@kesko/iconography/react/IconGraphBars";` | `import iconGraphBars from "@kesko/iconography/graph-bars.js";` | `@kesko/iconography/graph-bars.svg` |
| graph-line | common | line chart graph trend statistics data analytics | `import IconGraphLine from "@kesko/iconography/react/IconGraphLine";` | `import iconGraphLine from "@kesko/iconography/graph-line.js";` | `@kesko/iconography/graph-line.svg` |
| graph-meter | common | gauge meter graph speedometer dial performance | `import IconGraphMeter from "@kesko/iconography/react/IconGraphMeter";` | `import iconGraphMeter from "@kesko/iconography/graph-meter.js";` | `@kesko/iconography/graph-meter.svg` |
| graph-pie | common | pie chart graph statistics distribution data analytics | `import IconGraphPie from "@kesko/iconography/react/IconGraphPie";` | `import iconGraphPie from "@kesko/iconography/graph-pie.js";` | `@kesko/iconography/graph-pie.svg` |
| green-yard | hardware | green yard garden lawn outdoor landscape nature plants | `import IconGreenYard from "@kesko/iconography/react/IconGreenYard";` | `import iconGreenYard from "@kesko/iconography/green-yard.js";` | `@kesko/iconography/green-yard.svg` |
| halloween | grocery | Halloween pumpkin spooky seasonal holiday October | `import IconHalloween from "@kesko/iconography/react/IconHalloween";` | `import iconHalloween from "@kesko/iconography/halloween.js";` | `@kesko/iconography/halloween.svg` |
| hand-zoom | action | zoom magnify hand gesture pinch enlarge | `import IconHandZoom from "@kesko/iconography/react/IconHandZoom";` | `import iconHandZoom from "@kesko/iconography/hand-zoom.js";` | `@kesko/iconography/hand-zoom.svg` |
| handshake | common | handshake agreement deal partnership cooperation greeting meeting | `import IconHandshake from "@kesko/iconography/react/IconHandshake";` | `import iconHandshake from "@kesko/iconography/handshake.js";` | `@kesko/iconography/handshake.svg` |
| harvest | grocery | harvest autumn fall season crops produce food | `import IconHarvest from "@kesko/iconography/react/IconHarvest";` | `import iconHarvest from "@kesko/iconography/harvest.js";` | `@kesko/iconography/harvest.svg` |
| healthy-facility | sustainability | healthy facility clinic veterinary hospital health check | `import IconHealthyFacility from "@kesko/iconography/react/IconHealthyFacility";` | `import iconHealthyFacility from "@kesko/iconography/healthy-facility.js";` | `@kesko/iconography/healthy-facility.svg` |
| heart | common | heart love favorite like save wishlist | `import IconHeart from "@kesko/iconography/react/IconHeart";` | `import iconHeart from "@kesko/iconography/heart.js";` | `@kesko/iconography/heart.svg` |
| heart-full | common | heart full love favorite filled like save wishlist | `import IconHeartFull from "@kesko/iconography/react/IconHeartFull";` | `import iconHeartFull from "@kesko/iconography/heart-full.js";` | `@kesko/iconography/heart-full.svg` |
| heating | hardware | heating radiator warmth home system HVAC heat | `import IconHeating from "@kesko/iconography/react/IconHeating";` | `import iconHeating from "@kesko/iconography/heating.js";` | `@kesko/iconography/heating.svg` |
| hide | action | show hide toggle visibility eye password | `import IconHide from "@kesko/iconography/react/IconHide";` | `import iconHide from "@kesko/iconography/hide.js";` | `@kesko/iconography/hide.svg` |
| history | time | history past previous log timeline audit trail | `import IconHistory from "@kesko/iconography/react/IconHistory";` | `import iconHistory from "@kesko/iconography/history.js";` | `@kesko/iconography/history.svg` |
| home | navigation | home house root main page return start | `import IconHome from "@kesko/iconography/react/IconHome";` | `import iconHome from "@kesko/iconography/home.js";` | `@kesko/iconography/home.svg` |
| home-accessories | hardware | home accessories decor interior furnishing decoration items | `import IconHomeAccessories from "@kesko/iconography/react/IconHomeAccessories";` | `import iconHomeAccessories from "@kesko/iconography/home-accessories.js";` | `@kesko/iconography/home-accessories.svg` |
| home-interior | grocery | home interior design decor room renovation | `import IconHomeInterior from "@kesko/iconography/react/IconHomeInterior";` | `import iconHomeInterior from "@kesko/iconography/home-interior.js";` | `@kesko/iconography/home-interior.svg` |
| household | grocery | household home goods products cleaning domestic | `import IconHousehold from "@kesko/iconography/react/IconHousehold";` | `import iconHousehold from "@kesko/iconography/household.js";` | `@kesko/iconography/household.svg` |
| idpassword | kesko | ID password credentials login badge identity security | `import IconIdpassword from "@kesko/iconography/react/IconIdpassword";` | `import iconIdpassword from "@kesko/iconography/idpassword.js";` | `@kesko/iconography/idpassword.svg` |
| image | common | image photo picture gallery media visual | `import IconImage from "@kesko/iconography/react/IconImage";` | `import iconImage from "@kesko/iconography/image.js";` | `@kesko/iconography/image.svg` |
| independence-day | grocery | independence day Finland December 6 national holiday | `import IconIndependenceDay from "@kesko/iconography/react/IconIndependenceDay";` | `import iconIndependenceDay from "@kesko/iconography/independence-day.js";` | `@kesko/iconography/independence-day.svg` |
| info | attention | info information notice circle round help | `import IconInfo from "@kesko/iconography/react/IconInfo";` | `import iconInfo from "@kesko/iconography/info.js";` | `@kesko/iconography/info.svg` |
| instagram | social | Instagram social media brand logo photo sharing network | `import IconInstagram from "@kesko/iconography/react/IconInstagram";` | `import iconInstagram from "@kesko/iconography/instagram.js";` | `@kesko/iconography/instagram.svg` |
| installation-service | hardware | installation service mounting setup professional fitting build | `import IconInstallationService from "@kesko/iconography/react/IconInstallationService";` | `import iconInstallationService from "@kesko/iconography/installation-service.js";` | `@kesko/iconography/installation-service.svg` |
| invoicing-service | hardware | invoicing service billing payment invoice receipt account | `import IconInvoicingService from "@kesko/iconography/react/IconInvoicingService";` | `import iconInvoicingService from "@kesko/iconography/invoicing-service.js";` | `@kesko/iconography/invoicing-service.svg` |
| k-lataus | kesko | K-Lataus K-Charge electric charging EV station power | `import IconKLataus from "@kesko/iconography/react/IconKLataus";` | `import iconKLataus from "@kesko/iconography/k-lataus.js";` | `@kesko/iconography/k-lataus.svg` |
| k-mark | kesko | K-mark Kesko brand logo K-Group identity | `import IconKMark from "@kesko/iconography/react/IconKMark";` | `import iconKMark from "@kesko/iconography/k-mark.js";` | `@kesko/iconography/k-mark.svg` |
| k-ostokset | kesko | K-ostokset K-purchases shopping purchases history K-Plussa | `import IconKOstokset from "@kesko/iconography/react/IconKOstokset";` | `import iconKOstokset from "@kesko/iconography/k-ostokset.js";` | `@kesko/iconography/k-ostokset.svg` |
| k-ostokset-2 | kesko | K-ostokset K-purchases shopping purchases K-Plussa variant | `import IconKOstokset2 from "@kesko/iconography/react/IconKOstokset2";` | `import iconKOstokset2 from "@kesko/iconography/k-ostokset-2.js";` | `@kesko/iconography/k-ostokset-2.svg` |
| k-plussa | kesko | K-Plussa loyalty points program reward card | `import IconKPlussa from "@kesko/iconography/react/IconKPlussa";` | `import iconKPlussa from "@kesko/iconography/k-plussa.js";` | `@kesko/iconography/k-plussa.svg` |
| k-plussa-opiskelija | kesko | K-Plussa opiskelija student loyalty program card young | `import IconKPlussaOpiskelija from "@kesko/iconography/react/IconKPlussaOpiskelija";` | `import iconKPlussaOpiskelija from "@kesko/iconography/k-plussa-opiskelija.js";` | `@kesko/iconography/k-plussa-opiskelija.svg` |
| k-plussa-paras | kesko | K-Plussa Paras best premium loyalty tier program top | `import IconKPlussaParas from "@kesko/iconography/react/IconKPlussaParas";` | `import iconKPlussaParas from "@kesko/iconography/k-plussa-paras.js";` | `@kesko/iconography/k-plussa-paras.svg` |
| k-profile | kesko | K-profile account user Kesko customer digital profile | `import IconKProfile from "@kesko/iconography/react/IconKProfile";` | `import iconKProfile from "@kesko/iconography/k-profile.js";` | `@kesko/iconography/k-profile.svg` |
| key | common | key lock security unlock access credentials | `import IconKey from "@kesko/iconography/react/IconKey";` | `import iconKey from "@kesko/iconography/key.js";` | `@kesko/iconography/key.svg` |
| key-car | common | car key vehicle start remote fob ignition | `import IconKeyCar from "@kesko/iconography/react/IconKeyCar";` | `import iconKeyCar from "@kesko/iconography/key-car.js";` | `@kesko/iconography/key-car.svg` |
| kitchens | hardware | kitchen cooking renovation appliances cabinet countertop design | `import IconKitchens from "@kesko/iconography/react/IconKitchens";` | `import iconKitchens from "@kesko/iconography/kitchens.js";` | `@kesko/iconography/kitchens.svg` |
| lactose-free | sustainability | lactose free dairy free no lactose label allergen dietary milk | `import IconLactoseFree from "@kesko/iconography/react/IconLactoseFree";` | `import iconLactoseFree from "@kesko/iconography/lactose-free.js";` | `@kesko/iconography/lactose-free.svg` |
| large-account-service-point | hardware | large account service point VIP business commercial B2B | `import IconLargeAccountServicePoint from "@kesko/iconography/react/IconLargeAccountServicePoint";` | `import iconLargeAccountServicePoint from "@kesko/iconography/large-account-service-point.js";` | `@kesko/iconography/large-account-service-point.svg` |
| light-bulb | common | light bulb idea innovation energy electricity lamp | `import IconLightBulb from "@kesko/iconography/react/IconLightBulb";` | `import iconLightBulb from "@kesko/iconography/light-bulb.js";` | `@kesko/iconography/light-bulb.svg` |
| lightning | hardware | lightning electrical electricity wiring power energy bolt | `import IconLightning from "@kesko/iconography/react/IconLightning";` | `import iconLightning from "@kesko/iconography/lightning.js";` | `@kesko/iconography/lightning.svg` |
| link | action | link chain URL connect hyperlink web | `import IconLink from "@kesko/iconography/react/IconLink";` | `import iconLink from "@kesko/iconography/link.js";` | `@kesko/iconography/link.svg` |
| link-2 | action | link chain URL connect hyperlink web variant | `import IconLink2 from "@kesko/iconography/react/IconLink2";` | `import iconLink2 from "@kesko/iconography/link-2.js";` | `@kesko/iconography/link-2.svg` |
| linkedin | social | LinkedIn professional social media brand logo networking | `import IconLinkedin from "@kesko/iconography/react/IconLinkedin";` | `import iconLinkedin from "@kesko/iconography/linkedin.js";` | `@kesko/iconography/linkedin.svg` |
| list | common | list items rows text lines view | `import IconList from "@kesko/iconography/react/IconList";` | `import iconList from "@kesko/iconography/list.js";` | `@kesko/iconography/list.svg` |
| list-2 | common | list items rows text lines view variant | `import IconList2 from "@kesko/iconography/react/IconList2";` | `import iconList2 from "@kesko/iconography/list-2.js";` | `@kesko/iconography/list-2.svg` |
| list-add-to | common | add to list plus more items wishlist queue | `import IconListAddTo from "@kesko/iconography/react/IconListAddTo";` | `import iconListAddTo from "@kesko/iconography/list-add-to.js";` | `@kesko/iconography/list-add-to.svg` |
| location | location | location pin map place address marker | `import IconLocation from "@kesko/iconography/react/IconLocation";` | `import iconLocation from "@kesko/iconography/location.js";` | `@kesko/iconography/location.svg` |
| lock-closed | action | lock locked secure closed padlock security | `import IconLockClosed from "@kesko/iconography/react/IconLockClosed";` | `import iconLockClosed from "@kesko/iconography/lock-closed.js";` | `@kesko/iconography/lock-closed.svg` |
| lock-open | action | lock open unlocked accessible padlock | `import IconLockOpen from "@kesko/iconography/react/IconLockOpen";` | `import iconLockOpen from "@kesko/iconography/lock-open.js";` | `@kesko/iconography/lock-open.svg` |
| loyalty-program | hardware | loyalty program rewards points membership benefits card | `import IconLoyaltyProgram from "@kesko/iconography/react/IconLoyaltyProgram";` | `import iconLoyaltyProgram from "@kesko/iconography/loyalty-program.js";` | `@kesko/iconography/loyalty-program.svg` |
| magazine | common | magazine publication press media reading news article | `import IconMagazine from "@kesko/iconography/react/IconMagazine";` | `import iconMagazine from "@kesko/iconography/magazine.js";` | `@kesko/iconography/magazine.svg` |
| mail | communication | mail email envelope send message post | `import IconMail from "@kesko/iconography/react/IconMail";` | `import iconMail from "@kesko/iconography/mail.js";` | `@kesko/iconography/mail.svg` |
| mayday | grocery | May Day vappu Finland spring holiday celebration | `import IconMayday from "@kesko/iconography/react/IconMayday";` | `import iconMayday from "@kesko/iconography/mayday.js";` | `@kesko/iconography/mayday.svg` |
| meals | grocery | meals food dining eat restaurant plate | `import IconMeals from "@kesko/iconography/react/IconMeals";` | `import iconMeals from "@kesko/iconography/meals.js";` | `@kesko/iconography/meals.svg` |
| meat-poultry | grocery | meat poultry chicken beef pork protein food grocery | `import IconMeatPoultry from "@kesko/iconography/react/IconMeatPoultry";` | `import iconMeatPoultry from "@kesko/iconography/meat-poultry.js";` | `@kesko/iconography/meat-poultry.svg` |
| megafon | communication | megaphone loudspeaker announce broadcast alert message | `import IconMegafon from "@kesko/iconography/react/IconMegafon";` | `import iconMegafon from "@kesko/iconography/megafon.js";` | `@kesko/iconography/megafon.svg` |
| membership-level | time | membership level tier status loyalty reward points | `import IconMembershipLevel from "@kesko/iconography/react/IconMembershipLevel";` | `import iconMembershipLevel from "@kesko/iconography/membership-level.js";` | `@kesko/iconography/membership-level.svg` |
| menu | navigation | menu hamburger navigation sidebar toggle three lines | `import IconMenu from "@kesko/iconography/react/IconMenu";` | `import iconMenu from "@kesko/iconography/menu.js";` | `@kesko/iconography/menu.svg` |
| menu-2 | navigation | menu navigation sidebar toggle lines variant | `import IconMenu2 from "@kesko/iconography/react/IconMenu2";` | `import iconMenu2 from "@kesko/iconography/menu-2.js";` | `@kesko/iconography/menu-2.svg` |
| method-pickup | shopping | pickup click collect in-store method collect | `import IconMethodPickup from "@kesko/iconography/react/IconMethodPickup";` | `import iconMethodPickup from "@kesko/iconography/method-pickup.js";` | `@kesko/iconography/method-pickup.svg` |
| method-pickup-2 | shopping | pickup in-store click collect method variant | `import IconMethodPickup2 from "@kesko/iconography/react/IconMethodPickup2";` | `import iconMethodPickup2 from "@kesko/iconography/method-pickup-2.js";` | `@kesko/iconography/method-pickup-2.svg` |
| method-pickup-3 | shopping | pickup in-store click collect method variant | `import IconMethodPickup3 from "@kesko/iconography/react/IconMethodPickup3";` | `import iconMethodPickup3 from "@kesko/iconography/method-pickup-3.js";` | `@kesko/iconography/method-pickup-3.svg` |
| method-pickup-4 | shopping | pickup in-store click collect method variant | `import IconMethodPickup4 from "@kesko/iconography/react/IconMethodPickup4";` | `import iconMethodPickup4 from "@kesko/iconography/method-pickup-4.js";` | `@kesko/iconography/method-pickup-4.svg` |
| mic | action | microphone mic audio record voice sound input | `import IconMic from "@kesko/iconography/react/IconMic";` | `import iconMic from "@kesko/iconography/mic.js";` | `@kesko/iconography/mic.svg` |
| midsummer | grocery | midsummer juhannus Finland June holiday summer celebration | `import IconMidsummer from "@kesko/iconography/react/IconMidsummer";` | `import iconMidsummer from "@kesko/iconography/midsummer.js";` | `@kesko/iconography/midsummer.svg` |
| mileage | car | mileage odometer kilometers car vehicle distance travel | `import IconMileage from "@kesko/iconography/react/IconMileage";` | `import iconMileage from "@kesko/iconography/mileage.js";` | `@kesko/iconography/mileage.svg` |
| milk | grocery | milk dairy drink food grocery carton | `import IconMilk from "@kesko/iconography/react/IconMilk";` | `import iconMilk from "@kesko/iconography/milk.js";` | `@kesko/iconography/milk.svg` |
| milk-free | sustainability | milk free dairy free no milk label allergen dietary | `import IconMilkFree from "@kesko/iconography/react/IconMilkFree";` | `import iconMilkFree from "@kesko/iconography/milk-free.js";` | `@kesko/iconography/milk-free.svg` |
| minus | action | minus subtract remove less collapse reduce | `import IconMinus from "@kesko/iconography/react/IconMinus";` | `import iconMinus from "@kesko/iconography/minus.js";` | `@kesko/iconography/minus.svg` |
| mood-angry | people | mood angry mad furious upset rage frown face emoji expression | `import IconMoodAngry from "@kesko/iconography/react/IconMoodAngry";` | `import iconMoodAngry from "@kesko/iconography/mood-angry.js";` | `@kesko/iconography/mood-angry.svg` |
| mood-funny | people | mood funny laugh laughing joke lol hilarious amused face emoji expression | `import IconMoodFunny from "@kesko/iconography/react/IconMoodFunny";` | `import iconMoodFunny from "@kesko/iconography/mood-funny.js";` | `@kesko/iconography/mood-funny.svg` |
| mood-happy | people | mood happy smile joy cheerful glad pleased grin face emoji expression | `import IconMoodHappy from "@kesko/iconography/react/IconMoodHappy";` | `import iconMoodHappy from "@kesko/iconography/mood-happy.js";` | `@kesko/iconography/mood-happy.svg` |
| mood-nerdy | people | mood nerdy nerd geek glasses smart intelligent face emoji expression | `import IconMoodNerdy from "@kesko/iconography/react/IconMoodNerdy";` | `import iconMoodNerdy from "@kesko/iconography/mood-nerdy.js";` | `@kesko/iconography/mood-nerdy.svg` |
| mood-neutral | people | mood neutral indifferent plain calm blank meh face emoji expression | `import IconMoodNeutral from "@kesko/iconography/react/IconMoodNeutral";` | `import iconMoodNeutral from "@kesko/iconography/mood-neutral.js";` | `@kesko/iconography/mood-neutral.svg` |
| mood-surprise | people | mood surprise surprised shock shocked wow amazed astonished face emoji expression | `import IconMoodSurprise from "@kesko/iconography/react/IconMoodSurprise";` | `import iconMoodSurprise from "@kesko/iconography/mood-surprise.js";` | `@kesko/iconography/mood-surprise.svg` |
| mood-unhappy | people | mood unhappy sad frown upset down gloomy face emoji expression | `import IconMoodUnhappy from "@kesko/iconography/react/IconMoodUnhappy";` | `import iconMoodUnhappy from "@kesko/iconography/mood-unhappy.js";` | `@kesko/iconography/mood-unhappy.svg` |
| mood-wink | people | mood wink winking flirt playful cheeky smile face emoji expression | `import IconMoodWink from "@kesko/iconography/react/IconMoodWink";` | `import iconMoodWink from "@kesko/iconography/mood-wink.js";` | `@kesko/iconography/mood-wink.svg` |
| more-dots-filled | action | more dots menu options overflow actions filled | `import IconMoreDotsFilled from "@kesko/iconography/react/IconMoreDotsFilled";` | `import iconMoreDotsFilled from "@kesko/iconography/more-dots-filled.js";` | `@kesko/iconography/more-dots-filled.svg` |
| more-dots-outline | action | more dots menu options overflow actions outline | `import IconMoreDotsOutline from "@kesko/iconography/react/IconMoreDotsOutline";` | `import iconMoreDotsOutline from "@kesko/iconography/more-dots-outline.js";` | `@kesko/iconography/more-dots-outline.svg` |
| motor-diesel | car | diesel motor fuel type car vehicle engine | `import IconMotorDiesel from "@kesko/iconography/react/IconMotorDiesel";` | `import iconMotorDiesel from "@kesko/iconography/motor-diesel.js";` | `@kesko/iconography/motor-diesel.svg` |
| motor-electric | car | electric motor EV battery power car vehicle | `import IconMotorElectric from "@kesko/iconography/react/IconMotorElectric";` | `import iconMotorElectric from "@kesko/iconography/motor-electric.js";` | `@kesko/iconography/motor-electric.svg` |
| motor-gas | car | gasoline petrol motor fuel type car vehicle | `import IconMotorGas from "@kesko/iconography/react/IconMotorGas";` | `import iconMotorGas from "@kesko/iconography/motor-gas.js";` | `@kesko/iconography/motor-gas.svg` |
| motor-natural-gas | car | natural gas CNG motor fuel type car vehicle | `import IconMotorNaturalGas from "@kesko/iconography/react/IconMotorNaturalGas";` | `import iconMotorNaturalGas from "@kesko/iconography/motor-natural-gas.js";` | `@kesko/iconography/motor-natural-gas.svg` |
| msg-reply | action | reply message respond chat arrow | `import IconMsgReply from "@kesko/iconography/react/IconMsgReply";` | `import iconMsgReply from "@kesko/iconography/msg-reply.js";` | `@kesko/iconography/msg-reply.svg` |
| msg-send | action | send message dispatch chat submit arrow | `import IconMsgSend from "@kesko/iconography/react/IconMsgSend";` | `import iconMsgSend from "@kesko/iconography/msg-send.js";` | `@kesko/iconography/msg-send.svg` |
| navigate-to | action | navigate to go directions route destination pointer | `import IconNavigateTo from "@kesko/iconography/react/IconNavigateTo";` | `import iconNavigateTo from "@kesko/iconography/navigate-to.js";` | `@kesko/iconography/navigate-to.svg` |
| new | attention | new badge label indicator fresh recently added | `import IconNew from "@kesko/iconography/react/IconNew";` | `import iconNew from "@kesko/iconography/new.js";` | `@kesko/iconography/new.svg` |
| new-year | grocery | new year celebration January holiday seasonal fireworks | `import IconNewYear from "@kesko/iconography/react/IconNewYear";` | `import iconNewYear from "@kesko/iconography/new-year.js";` | `@kesko/iconography/new-year.svg` |
| news | common | news article press media publication headline | `import IconNews from "@kesko/iconography/react/IconNews";` | `import iconNews from "@kesko/iconography/news.js";` | `@kesko/iconography/news.svg` |
| news-letter | communication | newsletter email subscription mailing list updates | `import IconNewsLetter from "@kesko/iconography/react/IconNewsLetter";` | `import iconNewsLetter from "@kesko/iconography/news-letter.js";` | `@kesko/iconography/news-letter.svg` |
| notice | attention | notice notification alert important flag | `import IconNotice from "@kesko/iconography/react/IconNotice";` | `import iconNotice from "@kesko/iconography/notice.js";` | `@kesko/iconography/notice.svg` |
| ny | attention | new year ny celebration holiday seasonal | `import IconNy from "@kesko/iconography/react/IconNy";` | `import iconNy from "@kesko/iconography/ny.js";` | `@kesko/iconography/ny.svg` |
| offer | attention | offer discount deal promotion sale price reduction | `import IconOffer from "@kesko/iconography/react/IconOffer";` | `import iconOffer from "@kesko/iconography/offer.js";` | `@kesko/iconography/offer.svg` |
| online-booking-service | hardware | online booking service reservation appointment schedule digital | `import IconOnlineBookingService from "@kesko/iconography/react/IconOnlineBookingService";` | `import iconOnlineBookingService from "@kesko/iconography/online-booking-service.js";` | `@kesko/iconography/online-booking-service.svg` |
| order-collections | hardware | order collection pickup ready store retrieve gather | `import IconOrderCollections from "@kesko/iconography/react/IconOrderCollections";` | `import iconOrderCollections from "@kesko/iconography/order-collections.js";` | `@kesko/iconography/order-collections.svg` |
| organic | sustainability | organic eco green natural certified label food | `import IconOrganic from "@kesko/iconography/react/IconOrganic";` | `import iconOrganic from "@kesko/iconography/organic.js";` | `@kesko/iconography/organic.svg` |
| outlet | attention | offer discount deal promotion outlet shop store sale price reduction | `import IconOutlet from "@kesko/iconography/react/IconOutlet";` | `import iconOutlet from "@kesko/iconography/outlet.js";` | `@kesko/iconography/outlet.svg` |
| paint-tinting | hardware | paint tinting color mixing custom shade pigment | `import IconPaintTinting from "@kesko/iconography/react/IconPaintTinting";` | `import iconPaintTinting from "@kesko/iconography/paint-tinting.js";` | `@kesko/iconography/paint-tinting.svg` |
| paints | hardware | paints painting colour wall brush roller coating | `import IconPaints from "@kesko/iconography/react/IconPaints";` | `import iconPaints from "@kesko/iconography/paints.js";` | `@kesko/iconography/paints.svg` |
| paperclip | common | paperclip attachment file attach clip document | `import IconPaperclip from "@kesko/iconography/react/IconPaperclip";` | `import iconPaperclip from "@kesko/iconography/paperclip.js";` | `@kesko/iconography/paperclip.svg` |
| parking | hardware | parking car vehicle lot garage space | `import IconParking from "@kesko/iconography/react/IconParking";` | `import iconParking from "@kesko/iconography/parking.js";` | `@kesko/iconography/parking.svg` |
| paste | action | paste clipboard insert copy text | `import IconPaste from "@kesko/iconography/react/IconPaste";` | `import iconPaste from "@kesko/iconography/paste.js";` | `@kesko/iconography/paste.svg` |
| payment-cash | shopping | cash payment money coins bills banknotes pay | `import IconPaymentCash from "@kesko/iconography/react/IconPaymentCash";` | `import iconPaymentCash from "@kesko/iconography/payment-cash.js";` | `@kesko/iconography/payment-cash.svg` |
| payment-credit-card | shopping | credit card payment debit card pay bank card | `import IconPaymentCreditCard from "@kesko/iconography/react/IconPaymentCreditCard";` | `import iconPaymentCreditCard from "@kesko/iconography/payment-credit-card.js";` | `@kesko/iconography/payment-credit-card.svg` |
| payment-gift-card | shopping | gift card payment voucher prepaid purchase | `import IconPaymentGiftCard from "@kesko/iconography/react/IconPaymentGiftCard";` | `import iconPaymentGiftCard from "@kesko/iconography/payment-gift-card.js";` | `@kesko/iconography/payment-gift-card.svg` |
| payment-stamp-card | shopping | stamp card loyalty card collect points reward | `import IconPaymentStampCard from "@kesko/iconography/react/IconPaymentStampCard";` | `import iconPaymentStampCard from "@kesko/iconography/payment-stamp-card.js";` | `@kesko/iconography/payment-stamp-card.svg` |
| pets | grocery | pets animals cat dog bird fish care grooming | `import IconPets from "@kesko/iconography/react/IconPets";` | `import iconPets from "@kesko/iconography/pets.js";` | `@kesko/iconography/pets.svg` |
| phone | communication | phone call telephone contact ring mobile | `import IconPhone from "@kesko/iconography/react/IconPhone";` | `import iconPhone from "@kesko/iconography/phone.js";` | `@kesko/iconography/phone.svg` |
| piggy-bank | common | piggy bank savings money budget finance economy | `import IconPiggyBank from "@kesko/iconography/react/IconPiggyBank";` | `import iconPiggyBank from "@kesko/iconography/piggy-bank.js";` | `@kesko/iconography/piggy-bank.svg` |
| pinterest | social | Pinterest social media brand logo pin visual sharing | `import IconPinterest from "@kesko/iconography/react/IconPinterest";` | `import iconPinterest from "@kesko/iconography/pinterest.js";` | `@kesko/iconography/pinterest.svg` |
| planning-service | hardware | planning service consultation project design layout blueprint | `import IconPlanningService from "@kesko/iconography/react/IconPlanningService";` | `import iconPlanningService from "@kesko/iconography/planning-service.js";` | `@kesko/iconography/planning-service.svg` |
| plastic-bag | grocery | plastic bag shopping carrier carry grocery groceries handle disposable single-use packaging | `import IconPlasticBag from "@kesko/iconography/react/IconPlasticBag";` | `import iconPlasticBag from "@kesko/iconography/plastic-bag.js";` | `@kesko/iconography/plastic-bag.svg` |
| play | common | play video audio media start control triangle button | `import IconPlay from "@kesko/iconography/react/IconPlay";` | `import iconPlay from "@kesko/iconography/play.js";` | `@kesko/iconography/play.svg` |
| plug-ccs | car | CCS plug charging connector EV electric car standard | `import IconPlugCcs from "@kesko/iconography/react/IconPlugCcs";` | `import iconPlugCcs from "@kesko/iconography/plug-ccs.js";` | `@kesko/iconography/plug-ccs.svg` |
| plug-chademo | car | CHAdeMO plug charging connector EV electric car standard | `import IconPlugChademo from "@kesko/iconography/react/IconPlugChademo";` | `import iconPlugChademo from "@kesko/iconography/plug-chademo.js";` | `@kesko/iconography/plug-chademo.svg` |
| plug-schuko | car | Schuko plug charging connector EV electric car standard | `import IconPlugSchuko from "@kesko/iconography/react/IconPlugSchuko";` | `import iconPlugSchuko from "@kesko/iconography/plug-schuko.js";` | `@kesko/iconography/plug-schuko.svg` |
| plug-type1 | car | Type 1 plug charging connector EV electric car J1772 | `import IconPlugType1 from "@kesko/iconography/react/IconPlugType1";` | `import iconPlugType1 from "@kesko/iconography/plug-type1.js";` | `@kesko/iconography/plug-type1.svg` |
| plug-type2 | car | Type 2 plug charging connector EV electric car Mennekes | `import IconPlugType2 from "@kesko/iconography/react/IconPlugType2";` | `import iconPlugType2 from "@kesko/iconography/plug-type2.js";` | `@kesko/iconography/plug-type2.svg` |
| plumbing | hardware | plumbing pipes water faucet fixtures bathroom kitchen | `import IconPlumbing from "@kesko/iconography/react/IconPlumbing";` | `import iconPlumbing from "@kesko/iconography/plumbing.js";` | `@kesko/iconography/plumbing.svg` |
| plus | action | plus add more create new increase expand | `import IconPlus from "@kesko/iconography/react/IconPlus";` | `import iconPlus from "@kesko/iconography/plus.js";` | `@kesko/iconography/plus.svg` |
| plussa | kesko | Plussa K-Plussa loyalty program reward points | `import IconPlussa from "@kesko/iconography/react/IconPlussa";` | `import iconPlussa from "@kesko/iconography/plussa.js";` | `@kesko/iconography/plussa.svg` |
| power | car | power on off button switch energy control | `import IconPower from "@kesko/iconography/react/IconPower";` | `import iconPower from "@kesko/iconography/power.js";` | `@kesko/iconography/power.svg` |
| powertool-testing | hardware | power tool testing try demo drill saw equipment | `import IconPowertoolTesting from "@kesko/iconography/react/IconPowertoolTesting";` | `import iconPowertoolTesting from "@kesko/iconography/powertool-testing.js";` | `@kesko/iconography/powertool-testing.svg` |
| precise-delivery | hardware | precise delivery accurate scheduled time-window exact appointment | `import IconPreciseDelivery from "@kesko/iconography/react/IconPreciseDelivery";` | `import iconPreciseDelivery from "@kesko/iconography/precise-delivery.js";` | `@kesko/iconography/precise-delivery.svg` |
| precollection-service | hardware | precollection service advance order pre-order reserve gather | `import IconPrecollectionService from "@kesko/iconography/react/IconPrecollectionService";` | `import iconPrecollectionService from "@kesko/iconography/precollection-service.js";` | `@kesko/iconography/precollection-service.svg` |
| prefabricated-houses | hardware | prefabricated houses modular home building construction ready-made | `import IconPrefabricatedHouses from "@kesko/iconography/react/IconPrefabricatedHouses";` | `import iconPrefabricatedHouses from "@kesko/iconography/prefabricated-houses.js";` | `@kesko/iconography/prefabricated-houses.svg` |
| preview | action | preview eye view show look see | `import IconPreview from "@kesko/iconography/react/IconPreview";` | `import iconPreview from "@kesko/iconography/preview.js";` | `@kesko/iconography/preview.svg` |
| price | shopping | price cost money amount tag value pay | `import IconPrice from "@kesko/iconography/react/IconPrice";` | `import iconPrice from "@kesko/iconography/price.js";` | `@kesko/iconography/price.svg` |
| print | action | print printer output paper document hardware | `import IconPrint from "@kesko/iconography/react/IconPrint";` | `import iconPrint from "@kesko/iconography/print.js";` | `@kesko/iconography/print.svg` |
| privacy | time | privacy policy secure data protection confidential | `import IconPrivacy from "@kesko/iconography/react/IconPrivacy";` | `import iconPrivacy from "@kesko/iconography/privacy.js";` | `@kesko/iconography/privacy.svg` |
| pro-center | hardware | pro center professional trade hub expert builder | `import IconProCenter from "@kesko/iconography/react/IconProCenter";` | `import iconProCenter from "@kesko/iconography/pro-center.js";` | `@kesko/iconography/pro-center.svg` |
| products | common | products items goods merchandise assortment catalog | `import IconProducts from "@kesko/iconography/react/IconProducts";` | `import iconProducts from "@kesko/iconography/products.js";` | `@kesko/iconography/products.svg` |
| profile | navigation | profile user account person photo avatar circle | `import IconProfile from "@kesko/iconography/react/IconProfile";` | `import iconProfile from "@kesko/iconography/profile.js";` | `@kesko/iconography/profile.svg` |
| project-quotation-service | hardware | project quotation service estimate quote bid pricing offer | `import IconProjectQuotationService from "@kesko/iconography/react/IconProjectQuotationService";` | `import iconProjectQuotationService from "@kesko/iconography/project-quotation-service.js";` | `@kesko/iconography/project-quotation-service.svg` |
| pump-diesel | car | diesel fuel pump station gas station fueling | `import IconPumpDiesel from "@kesko/iconography/react/IconPumpDiesel";` | `import iconPumpDiesel from "@kesko/iconography/pump-diesel.js";` | `@kesko/iconography/pump-diesel.svg` |
| pump-electricity | car | electric charging pump station EV power fueling | `import IconPumpElectricity from "@kesko/iconography/react/IconPumpElectricity";` | `import iconPumpElectricity from "@kesko/iconography/pump-electricity.js";` | `@kesko/iconography/pump-electricity.svg` |
| pump-gas | car | gasoline petrol fuel pump station fueling | `import IconPumpGas from "@kesko/iconography/react/IconPumpGas";` | `import iconPumpGas from "@kesko/iconography/pump-gas.js";` | `@kesko/iconography/pump-gas.svg` |
| pump-natural-gas | car | natural gas CNG fuel pump station fueling | `import IconPumpNaturalGas from "@kesko/iconography/react/IconPumpNaturalGas";` | `import iconPumpNaturalGas from "@kesko/iconography/pump-natural-gas.js";` | `@kesko/iconography/pump-natural-gas.svg` |
| push-down | action | push down collapse fold scroll arrow down | `import IconPushDown from "@kesko/iconography/react/IconPushDown";` | `import iconPushDown from "@kesko/iconography/push-down.js";` | `@kesko/iconography/push-down.svg` |
| push-up | action | push up expand unfold scroll arrow up | `import IconPushUp from "@kesko/iconography/react/IconPushUp";` | `import iconPushUp from "@kesko/iconography/push-up.js";` | `@kesko/iconography/push-up.svg` |
| question | attention | question mark help unknown info support | `import IconQuestion from "@kesko/iconography/react/IconQuestion";` | `import iconQuestion from "@kesko/iconography/question.js";` | `@kesko/iconography/question.svg` |
| receipt | common | receipt bill invoice purchase confirmation payment | `import IconReceipt from "@kesko/iconography/react/IconReceipt";` | `import iconReceipt from "@kesko/iconography/receipt.js";` | `@kesko/iconography/receipt.svg` |
| receipt-euro | shopping | receipt bill euro EUR currency invoice payment | `import IconReceiptEuro from "@kesko/iconography/react/IconReceiptEuro";` | `import iconReceiptEuro from "@kesko/iconography/receipt-euro.js";` | `@kesko/iconography/receipt-euro.svg` |
| receipt-kr | shopping | receipt bill krona kr SEK NOK currency invoice payment | `import IconReceiptKr from "@kesko/iconography/react/IconReceiptKr";` | `import iconReceiptKr from "@kesko/iconography/receipt-kr.js";` | `@kesko/iconography/receipt-kr.svg` |
| recycle-bottle | sustainability | recycle recycling recyclable bottle container glass plastic deposit return reuse arrows loop pantti | `import IconRecycleBottle from "@kesko/iconography/react/IconRecycleBottle";` | `import iconRecycleBottle from "@kesko/iconography/recycle-bottle.js";` | `@kesko/iconography/recycle-bottle.svg` |
| refresh | action | refresh reload update sync rotate arrow circle | `import IconRefresh from "@kesko/iconography/react/IconRefresh";` | `import iconRefresh from "@kesko/iconography/refresh.js";` | `@kesko/iconography/refresh.svg` |
| refrigeration | hardware | refrigeration cooling cold freezer HVAC temperature climate control | `import IconRefrigeration from "@kesko/iconography/react/IconRefrigeration";` | `import iconRefrigeration from "@kesko/iconography/refrigeration.js";` | `@kesko/iconography/refrigeration.svg` |
| renovation-master | hardware | renovation master expert builder contractor professional remodel | `import IconRenovationMaster from "@kesko/iconography/react/IconRenovationMaster";` | `import iconRenovationMaster from "@kesko/iconography/renovation-master.js";` | `@kesko/iconography/renovation-master.svg` |
| renovation-master-plan | hardware | renovation master plan design blueprint home improvement project | `import IconRenovationMasterPlan from "@kesko/iconography/react/IconRenovationMasterPlan";` | `import iconRenovationMasterPlan from "@kesko/iconography/renovation-master-plan.js";` | `@kesko/iconography/renovation-master-plan.svg` |
| renovation-master-progress | hardware | renovation master progress tracking timeline status update | `import IconRenovationMasterProgress from "@kesko/iconography/react/IconRenovationMasterProgress";` | `import iconRenovationMasterProgress from "@kesko/iconography/renovation-master-progress.js";` | `@kesko/iconography/renovation-master-progress.svg` |
| renovation-service | hardware | renovation service remodel upgrade improve refurbish home | `import IconRenovationService from "@kesko/iconography/react/IconRenovationService";` | `import iconRenovationService from "@kesko/iconography/renovation-service.js";` | `@kesko/iconography/renovation-service.svg` |
| robot | common | robot AI automation machine artificial intelligence | `import IconRobot from "@kesko/iconography/react/IconRobot";` | `import iconRobot from "@kesko/iconography/robot.js";` | `@kesko/iconography/robot.svg` |
| robot-2 | common | robot AI automation machine artificial intelligence variant | `import IconRobot2 from "@kesko/iconography/react/IconRobot2";` | `import iconRobot2 from "@kesko/iconography/robot-2.js";` | `@kesko/iconography/robot-2.svg` |
| runeberg | grocery | Runeberg Day Finland February holiday culture celebration | `import IconRuneberg from "@kesko/iconography/react/IconRuneberg";` | `import iconRuneberg from "@kesko/iconography/runeberg.js";` | `@kesko/iconography/runeberg.svg` |
| sale-tag | shopping | sale tag price discount promotion label deal | `import IconSaleTag from "@kesko/iconography/react/IconSaleTag";` | `import iconSaleTag from "@kesko/iconography/sale-tag.js";` | `@kesko/iconography/sale-tag.svg` |
| sales-b2b | people | B2B sales business to business commercial wholesale | `import IconSalesB2b from "@kesko/iconography/react/IconSalesB2b";` | `import iconSalesB2b from "@kesko/iconography/sales-b2b.js";` | `@kesko/iconography/sales-b2b.svg` |
| sales-normal | people | sales retail store regular commerce sell | `import IconSalesNormal from "@kesko/iconography/react/IconSalesNormal";` | `import iconSalesNormal from "@kesko/iconography/sales-normal.js";` | `@kesko/iconography/sales-normal.svg` |
| saunas-and-fireplaces | hardware | sauna fireplace spa heat stove relaxation warmth | `import IconSaunasAndFireplaces from "@kesko/iconography/react/IconSaunasAndFireplaces";` | `import iconSaunasAndFireplaces from "@kesko/iconography/saunas-and-fireplaces.js";` | `@kesko/iconography/saunas-and-fireplaces.svg` |
| scan | action | scan barcode QR code camera read product | `import IconScan from "@kesko/iconography/react/IconScan";` | `import iconScan from "@kesko/iconography/scan.js";` | `@kesko/iconography/scan.svg` |
| search | action | search find magnifying glass look query | `import IconSearch from "@kesko/iconography/react/IconSearch";` | `import iconSearch from "@kesko/iconography/search.js";` | `@kesko/iconography/search.svg` |
| secured-service | hardware | secured service safe protection security trust guarantee | `import IconSecuredService from "@kesko/iconography/react/IconSecuredService";` | `import iconSecuredService from "@kesko/iconography/secured-service.js";` | `@kesko/iconography/secured-service.svg` |
| services | time | services tools wrench options configuration support | `import IconServices from "@kesko/iconography/react/IconServices";` | `import iconServices from "@kesko/iconography/services.js";` | `@kesko/iconography/services.svg` |
| settings | navigation | settings preferences gear options configure | `import IconSettings from "@kesko/iconography/react/IconSettings";` | `import iconSettings from "@kesko/iconography/settings.js";` | `@kesko/iconography/settings.svg` |
| share | action | share export send post social media spread | `import IconShare from "@kesko/iconography/react/IconShare";` | `import iconShare from "@kesko/iconography/share.js";` | `@kesko/iconography/share.svg` |
| share-ios | action | share iOS Apple upload send post social export | `import IconShareIos from "@kesko/iconography/react/IconShareIos";` | `import iconShareIos from "@kesko/iconography/share-ios.js";` | `@kesko/iconography/share-ios.svg` |
| shoes | grocery | shoes footwear boots sneakers sandals clothing | `import IconShoes from "@kesko/iconography/react/IconShoes";` | `import iconShoes from "@kesko/iconography/shoes.js";` | `@kesko/iconography/shoes.svg` |
| shopping-bag-xl | shopping | shopping bag large carry buy fashion retail | `import IconShoppingBagXl from "@kesko/iconography/react/IconShoppingBagXl";` | `import iconShoppingBagXl from "@kesko/iconography/shopping-bag-xl.js";` | `@kesko/iconography/shopping-bag-xl.svg` |
| show | action | show hide toggle visibility eye password variant | `import IconShow from "@kesko/iconography/react/IconShow";` | `import iconShow from "@kesko/iconography/show.js";` | `@kesko/iconography/show.svg` |
| sleep | action | sleep rest zzz moon night idle inactive standby | `import IconSleep from "@kesko/iconography/react/IconSleep";` | `import iconSleep from "@kesko/iconography/sleep.js";` | `@kesko/iconography/sleep.svg` |
| small-hardwares | hardware | small hardware screws nails bolts fasteners fittings accessories | `import IconSmallHardwares from "@kesko/iconography/react/IconSmallHardwares";` | `import iconSmallHardwares from "@kesko/iconography/small-hardwares.js";` | `@kesko/iconography/small-hardwares.svg` |
| snowflake | common | snow winter frozen cold ice freezer temperature laskiainen shrovetide tuesday seasonal holiday air conditioning ac climate cooling | `import IconSnowflake from "@kesko/iconography/react/IconSnowflake";` | `import iconSnowflake from "@kesko/iconography/snowflake.js";` | `@kesko/iconography/snowflake.svg` |
| solar-energy | hardware | solar energy panel photovoltaic renewable sun power green | `import IconSolarEnergy from "@kesko/iconography/react/IconSolarEnergy";` | `import iconSolarEnergy from "@kesko/iconography/solar-energy.js";` | `@kesko/iconography/solar-energy.svg` |
| sort | action | sort order arrange list filter table | `import IconSort from "@kesko/iconography/react/IconSort";` | `import iconSort from "@kesko/iconography/sort.js";` | `@kesko/iconography/sort.svg` |
| sort-ascending | action | sort ascending order up low to high A-Z list | `import IconSortAscending from "@kesko/iconography/react/IconSortAscending";` | `import iconSortAscending from "@kesko/iconography/sort-ascending.js";` | `@kesko/iconography/sort-ascending.svg` |
| sort-descending | action | sort descending order down high to low Z-A list | `import IconSortDescending from "@kesko/iconography/react/IconSortDescending";` | `import iconSortDescending from "@kesko/iconography/sort-descending.js";` | `@kesko/iconography/sort-descending.svg` |
| spices | grocery | spices herbs seasoning food flavor cooking | `import IconSpices from "@kesko/iconography/react/IconSpices";` | `import iconSpices from "@kesko/iconography/spices.js";` | `@kesko/iconography/spices.svg` |
| sports | grocery | sports fitness active outdoor exercise equipment | `import IconSports from "@kesko/iconography/react/IconSports";` | `import iconSports from "@kesko/iconography/sports.js";` | `@kesko/iconography/sports.svg` |
| stamp | common | stamp loyalty collect reward card press | `import IconStamp from "@kesko/iconography/react/IconStamp";` | `import iconStamp from "@kesko/iconography/stamp.js";` | `@kesko/iconography/stamp.svg` |
| star-empty | common | star empty rating review favorite outline | `import IconStarEmpty from "@kesko/iconography/react/IconStarEmpty";` | `import iconStarEmpty from "@kesko/iconography/star-empty.js";` | `@kesko/iconography/star-empty.svg` |
| star-filled | common | star filled rating review favorite solid gold | `import IconStarFilled from "@kesko/iconography/react/IconStarFilled";` | `import iconStarFilled from "@kesko/iconography/star-filled.js";` | `@kesko/iconography/star-filled.svg` |
| star-half | common | star half rating review partial | `import IconStarHalf from "@kesko/iconography/react/IconStarHalf";` | `import iconStarHalf from "@kesko/iconography/star-half.js";` | `@kesko/iconography/star-half.svg` |
| star-line | common | star outline border rating review favorite | `import IconStarLine from "@kesko/iconography/react/IconStarLine";` | `import iconStarLine from "@kesko/iconography/star-line.js";` | `@kesko/iconography/star-line.svg` |
| steering-wheel | car | steering wheel car drive vehicle control | `import IconSteeringWheel from "@kesko/iconography/react/IconSteeringWheel";` | `import iconSteeringWheel from "@kesko/iconography/steering-wheel.js";` | `@kesko/iconography/steering-wheel.svg` |
| stop | attention | stop halt block forbidden end pause cancel | `import IconStop from "@kesko/iconography/react/IconStop";` | `import iconStop from "@kesko/iconography/stop.js";` | `@kesko/iconography/stop.svg` |
| storage | hardware | storage warehouse space room cabinet shelf keeping | `import IconStorage from "@kesko/iconography/react/IconStorage";` | `import iconStorage from "@kesko/iconography/storage.js";` | `@kesko/iconography/storage.svg` |
| store-btt | shopping | store BtT K-Group store format small convenience | `import IconStoreBtt from "@kesko/iconography/react/IconStoreBtt";` | `import iconStoreBtt from "@kesko/iconography/store-btt.js";` | `@kesko/iconography/store-btt.svg` |
| store-change | shopping | store change switch K-Group store select | `import IconStoreChange from "@kesko/iconography/react/IconStoreChange";` | `import iconStoreChange from "@kesko/iconography/store-change.js";` | `@kesko/iconography/store-change.svg` |
| store-ct | shopping | store Citymarket CityT hypermarket K-Group format | `import IconStoreCt from "@kesko/iconography/react/IconStoreCt";` | `import iconStoreCt from "@kesko/iconography/store-ct.js";` | `@kesko/iconography/store-ct.svg` |
| store-gt | shopping | store K-Supermarket GT K-Group format grocery | `import IconStoreGt from "@kesko/iconography/react/IconStoreGt";` | `import iconStoreGt from "@kesko/iconography/store-gt.js";` | `@kesko/iconography/store-gt.svg` |
| sun | common | sun sunshine weather light bright day outdoor warm | `import IconSun from "@kesko/iconography/react/IconSun";` | `import iconSun from "@kesko/iconography/sun.js";` | `@kesko/iconography/sun.svg` |
| sustainable-nature | sustainability | sustainable nature eco green environment trees forest | `import IconSustainableNature from "@kesko/iconography/react/IconSustainableNature";` | `import iconSustainableNature from "@kesko/iconography/sustainable-nature.js";` | `@kesko/iconography/sustainable-nature.svg` |
| sweets | grocery | sweets candy chocolate confectionery sugar treats | `import IconSweets from "@kesko/iconography/react/IconSweets";` | `import iconSweets from "@kesko/iconography/sweets.js";` | `@kesko/iconography/sweets.svg` |
| switch | action | switch toggle on off change flip | `import IconSwitch from "@kesko/iconography/react/IconSwitch";` | `import iconSwitch from "@kesko/iconography/switch.js";` | `@kesko/iconography/switch.svg` |
| tag | shopping | tag label price product category marker | `import IconTag from "@kesko/iconography/react/IconTag";` | `import iconTag from "@kesko/iconography/tag.js";` | `@kesko/iconography/tag.svg` |
| telecom | hardware | telecom telecommunications network signal antenna tower communication | `import IconTelecom from "@kesko/iconography/react/IconTelecom";` | `import iconTelecom from "@kesko/iconography/telecom.js";` | `@kesko/iconography/telecom.svg` |
| thumb-down | common | thumb down dislike disapprove feedback negative | `import IconThumbDown from "@kesko/iconography/react/IconThumbDown";` | `import iconThumbDown from "@kesko/iconography/thumb-down.js";` | `@kesko/iconography/thumb-down.svg` |
| thumb-up | common | thumb up like approve feedback positive vote | `import IconThumbUp from "@kesko/iconography/react/IconThumbUp";` | `import iconThumbUp from "@kesko/iconography/thumb-up.js";` | `@kesko/iconography/thumb-up.svg` |
| tick | common | tick check mark done complete verified confirm | `import IconTick from "@kesko/iconography/react/IconTick";` | `import iconTick from "@kesko/iconography/tick.js";` | `@kesko/iconography/tick.svg` |
| tiktok | social | TikTok social media video brand logo sharing short | `import IconTiktok from "@kesko/iconography/react/IconTiktok";` | `import iconTiktok from "@kesko/iconography/tiktok.js";` | `@kesko/iconography/tiktok.svg` |
| tiles | hardware | tiles tiling ceramic wall floor bathroom kitchen | `import IconTiles from "@kesko/iconography/react/IconTiles";` | `import iconTiles from "@kesko/iconography/tiles.js";` | `@kesko/iconography/tiles.svg` |
| timber | hardware | timber wood lumber log construction building material | `import IconTimber from "@kesko/iconography/react/IconTimber";` | `import iconTimber from "@kesko/iconography/timber.js";` | `@kesko/iconography/timber.svg` |
| time-end | time | end time stop deadline close finish schedule | `import IconTimeEnd from "@kesko/iconography/react/IconTimeEnd";` | `import iconTimeEnd from "@kesko/iconography/time-end.js";` | `@kesko/iconography/time-end.svg` |
| time-start | time | start time begin open from schedule clock | `import IconTimeStart from "@kesko/iconography/react/IconTimeStart";` | `import iconTimeStart from "@kesko/iconography/time-start.js";` | `@kesko/iconography/time-start.svg` |
| timer | time | timer countdown stopwatch clock time limit | `import IconTimer from "@kesko/iconography/react/IconTimer";` | `import iconTimer from "@kesko/iconography/timer.js";` | `@kesko/iconography/timer.svg` |
| tires | car | tires tyres wheels car vehicle rubber | `import IconTires from "@kesko/iconography/react/IconTires";` | `import iconTires from "@kesko/iconography/tires.js";` | `@kesko/iconography/tires.svg` |
| tobacco | grocery | tobacco cigarettes smoking products age restricted | `import IconTobacco from "@kesko/iconography/react/IconTobacco";` | `import iconTobacco from "@kesko/iconography/tobacco.js";` | `@kesko/iconography/tobacco.svg` |
| tool-rental | hardware | tool rental borrow hire equipment temporary loan | `import IconToolRental from "@kesko/iconography/react/IconToolRental";` | `import iconToolRental from "@kesko/iconography/tool-rental.js";` | `@kesko/iconography/tool-rental.svg` |
| tools | hardware | tools hardware equipment hand power wrench hammer | `import IconTools from "@kesko/iconography/react/IconTools";` | `import iconTools from "@kesko/iconography/tools.js";` | `@kesko/iconography/tools.svg` |
| tow | car | tow truck roadside assistance vehicle hitch trailer | `import IconTow from "@kesko/iconography/react/IconTow";` | `import iconTow from "@kesko/iconography/tow.js";` | `@kesko/iconography/tow.svg` |
| toys | grocery | toys children play games kids fun products | `import IconToys from "@kesko/iconography/react/IconToys";` | `import iconToys from "@kesko/iconography/toys.js";` | `@kesko/iconography/toys.svg` |
| trailer-rental | hardware | trailer rental transport hire borrow vehicle haul move | `import IconTrailerRental from "@kesko/iconography/react/IconTrailerRental";` | `import iconTrailerRental from "@kesko/iconography/trailer-rental.js";` | `@kesko/iconography/trailer-rental.svg` |
| twitter | social | Twitter X social media brand logo microblogging network | `import IconTwitter from "@kesko/iconography/react/IconTwitter";` | `import iconTwitter from "@kesko/iconography/twitter.js";` | `@kesko/iconography/twitter.svg` |
| undo | action | undo reverse back step previous action | `import IconUndo from "@kesko/iconography/react/IconUndo";` | `import iconUndo from "@kesko/iconography/undo.js";` | `@kesko/iconography/undo.svg` |
| upload | action | upload file cloud arrow up share transfer | `import IconUpload from "@kesko/iconography/react/IconUpload";` | `import iconUpload from "@kesko/iconography/upload.js";` | `@kesko/iconography/upload.svg` |
| user-b2b | people | B2B user business client company professional account | `import IconUserB2b from "@kesko/iconography/react/IconUserB2b";` | `import iconUserB2b from "@kesko/iconography/user-b2b.js";` | `@kesko/iconography/user-b2b.svg` |
| user-group | people | group users team people multiple accounts | `import IconUserGroup from "@kesko/iconography/react/IconUserGroup";` | `import iconUserGroup from "@kesko/iconography/user-group.js";` | `@kesko/iconography/user-group.svg` |
| user-normal | people | user person individual account profile human | `import IconUserNormal from "@kesko/iconography/react/IconUserNormal";` | `import iconUserNormal from "@kesko/iconography/user-normal.js";` | `@kesko/iconography/user-normal.svg` |
| utility-automotive | car | automotive utility service vehicle car accessory | `import IconUtilityAutomotive from "@kesko/iconography/react/IconUtilityAutomotive";` | `import iconUtilityAutomotive from "@kesko/iconography/utility-automotive.js";` | `@kesko/iconography/utility-automotive.svg` |
| valentines | grocery | Valentines Day February love heart celebration seasonal | `import IconValentines from "@kesko/iconography/react/IconValentines";` | `import iconValentines from "@kesko/iconography/valentines.js";` | `@kesko/iconography/valentines.svg` |
| vegan | sustainability | vegan plant-based no animal products label dietary | `import IconVegan from "@kesko/iconography/react/IconVegan";` | `import iconVegan from "@kesko/iconography/vegan.js";` | `@kesko/iconography/vegan.svg` |
| vege-lakto-ovo | sustainability | vegetarian lacto ovo vegetarian eggs dairy label dietary | `import IconVegeLaktoOvo from "@kesko/iconography/react/IconVegeLaktoOvo";` | `import iconVegeLaktoOvo from "@kesko/iconography/vege-lakto-ovo.js";` | `@kesko/iconography/vege-lakto-ovo.svg` |
| versatile-delivery-options | hardware | versatile delivery options flexible shipping multiple methods | `import IconVersatileDeliveryOptions from "@kesko/iconography/react/IconVersatileDeliveryOptions";` | `import iconVersatileDeliveryOptions from "@kesko/iconography/versatile-delivery-options.js";` | `@kesko/iconography/versatile-delivery-options.svg` |
| vest | hardware | vest safety high-visibility reflective workwear protective clothing | `import IconVest from "@kesko/iconography/react/IconVest";` | `import iconVest from "@kesko/iconography/vest.js";` | `@kesko/iconography/vest.svg` |
| view-grid | action | grid view layout tiles mosaic display mode | `import IconViewGrid from "@kesko/iconography/react/IconViewGrid";` | `import iconViewGrid from "@kesko/iconography/view-grid.js";` | `@kesko/iconography/view-grid.svg` |
| view-list | action | list view layout rows linear display mode | `import IconViewList from "@kesko/iconography/react/IconViewList";` | `import iconViewList from "@kesko/iconography/view-list.js";` | `@kesko/iconography/view-list.svg` |
| volume-down | action | volume down low sound audio speaker quiet softer | `import IconVolumeDown from "@kesko/iconography/react/IconVolumeDown";` | `import iconVolumeDown from "@kesko/iconography/volume-down.js";` | `@kesko/iconography/volume-down.svg` |
| volume-full | action | volume full max loud sound audio speaker maximum | `import IconVolumeFull from "@kesko/iconography/react/IconVolumeFull";` | `import iconVolumeFull from "@kesko/iconography/volume-full.js";` | `@kesko/iconography/volume-full.svg` |
| volume-mute | action | volume mute silent no sound audio speaker off | `import IconVolumeMute from "@kesko/iconography/react/IconVolumeMute";` | `import iconVolumeMute from "@kesko/iconography/volume-mute.js";` | `@kesko/iconography/volume-mute.svg` |
| volume-up | action | volume up high sound audio speaker louder increase | `import IconVolumeUp from "@kesko/iconography/react/IconVolumeUp";` | `import iconVolumeUp from "@kesko/iconography/volume-up.js";` | `@kesko/iconography/volume-up.svg` |
| wallpapers | hardware | wallpaper wall covering decoration interior design pattern | `import IconWallpapers from "@kesko/iconography/react/IconWallpapers";` | `import iconWallpapers from "@kesko/iconography/wallpapers.js";` | `@kesko/iconography/wallpapers.svg` |
| warehouse | shopping | warehouse storage inventory stock logistics supply | `import IconWarehouse from "@kesko/iconography/react/IconWarehouse";` | `import iconWarehouse from "@kesko/iconography/warehouse.js";` | `@kesko/iconography/warehouse.svg` |
| warning | attention | warning alert danger caution exclamation triangle | `import IconWarning from "@kesko/iconography/react/IconWarning";` | `import iconWarning from "@kesko/iconography/warning.js";` | `@kesko/iconography/warning.svg` |
| water-saving | sustainability | water saving conservation eco sustainable environment | `import IconWaterSaving from "@kesko/iconography/react/IconWaterSaving";` | `import iconWaterSaving from "@kesko/iconography/water-saving.js";` | `@kesko/iconography/water-saving.svg` |
| water-sewage | hardware | water sewage plumbing pipe drainage utility infrastructure | `import IconWaterSewage from "@kesko/iconography/react/IconWaterSewage";` | `import iconWaterSewage from "@kesko/iconography/water-sewage.js";` | `@kesko/iconography/water-sewage.svg` |
| web-store | hardware | web store online shop ecommerce digital retail internet | `import IconWebStore from "@kesko/iconography/react/IconWebStore";` | `import iconWebStore from "@kesko/iconography/web-store.js";` | `@kesko/iconography/web-store.svg` |
| whats-app | social | WhatsApp messaging social media brand logo chat | `import IconWhatsApp from "@kesko/iconography/react/IconWhatsApp";` | `import iconWhatsApp from "@kesko/iconography/whats-app.js";` | `@kesko/iconography/whats-app.svg` |
| work-and-protectice-clothing | hardware | work protective clothing safety gear workwear uniform garment | `import IconWorkAndProtecticeClothing from "@kesko/iconography/react/IconWorkAndProtecticeClothing";` | `import iconWorkAndProtecticeClothing from "@kesko/iconography/work-and-protectice-clothing.js";` | `@kesko/iconography/work-and-protectice-clothing.svg` |
| world | location | world global globe earth international language | `import IconWorld from "@kesko/iconography/react/IconWorld";` | `import iconWorld from "@kesko/iconography/world.js";` | `@kesko/iconography/world.svg` |
| wrench | common | wrench tool spanner repair fix hardware | `import IconWrench from "@kesko/iconography/react/IconWrench";` | `import iconWrench from "@kesko/iconography/wrench.js";` | `@kesko/iconography/wrench.svg` |
| www | communication | WWW web website URL internet address globe | `import IconWww from "@kesko/iconography/react/IconWww";` | `import iconWww from "@kesko/iconography/www.js";` | `@kesko/iconography/www.svg` |
| x | social | x twitter social network | `import IconX from "@kesko/iconography/react/IconX";` | `import iconX from "@kesko/iconography/x.js";` | `@kesko/iconography/x.svg` |
| xmas | grocery | Christmas Xmas holiday December seasonal tree | `import IconXmas from "@kesko/iconography/react/IconXmas";` | `import iconXmas from "@kesko/iconography/xmas.js";` | `@kesko/iconography/xmas.svg` |
| yard-and-garden | hardware | yard garden outdoor landscape plants lawn greenery backyard | `import IconYardAndGarden from "@kesko/iconography/react/IconYardAndGarden";` | `import iconYardAndGarden from "@kesko/iconography/yard-and-garden.js";` | `@kesko/iconography/yard-and-garden.svg` |
| youtube | social | YouTube video social media brand logo streaming platform | `import IconYoutube from "@kesko/iconography/react/IconYoutube";` | `import iconYoutube from "@kesko/iconography/youtube.js";` | `@kesko/iconography/youtube.svg` |